Modern Events Calendar Lite

Version Description

Release Info

Developer	webnus
Plugin	Modern Events Calendar Lite
Version	5.17.0
Comparing to
See all releases

Code changes from version 5.16.6 to 5.17.0

Files changed (58) hide show

app/features/events.php +60 -52
app/features/gateways/paypal_ipn.php +30 -0
app/features/labels.php +4 -2
app/features/mec.php +1 -1
app/features/mec/addons.php +4 -1
app/features/mec/booking.php +48 -44
app/features/mec/dyncss.php +95 -0
app/features/mec/meta_boxes/display_options.php +80 -45
app/features/mec/modules.php +25 -26
app/features/mec/notifications.php +1156 -854
app/features/mec/settings.php +160 -156
app/features/mec/single.php +81 -76
app/features/mec/styles.php +8 -6
app/features/mec/styling.php +206 -189
app/features/notifications.php +7 -1
app/features/occurrences.php +1 -1
app/features/profile/profile.php +3 -31
app/features/update.php +23 -0
app/libraries/book.php +42 -0
app/libraries/factory.php +3 -2
app/libraries/main.php +87 -2
app/libraries/notifications.php +24 -6
app/libraries/render.php +8 -16
app/libraries/schedule.php +3 -0
app/libraries/skins.php +41 -1
app/libraries/syncSchedule.php +0 -6
app/libraries/user.php +16 -0
app/modules/booking/steps/form.php +5 -2
app/modules/export/details.php +6 -3
app/modules/local-time/type2.php +23 -2
app/skins/agenda.php +1 -1
app/skins/agenda/render.php +4 -12
app/skins/available_spot/tpl.php +4 -11
app/skins/carousel/render.php +5 -12
app/skins/countdown/tpl.php +6 -20
app/skins/cover/tpl.php +6 -13
app/skins/custom.php +141 -0
app/skins/custom/render.php +26 -194
app/skins/daily_view/render.php +4 -11
app/skins/grid.php +1 -1
app/skins/grid/render.php +7 -15
app/skins/list.php +1 -1
app/skins/list/render.php +26 -15
app/skins/masonry.php +1 -1
app/skins/masonry/render.php +34 -18
app/skins/monthly_view.php +1 -7
app/skins/monthly_view/calendar.php +12 -33
app/skins/monthly_view/calendar_clean.php +13 -34
app/skins/monthly_view/calendar_novel.php +3 -10
app/skins/single/modern.php +21 -12
app/skins/slider/render.php +4 -11
app/skins/tile/render.php +5 -13
app/skins/timeline.php +1 -1
app/skins/timeline/render.php +4 -11
app/skins/timetable/render.php +9 -24
app/skins/weekly_view/render.php +5 -12
app/skins/yearly_view/render.php +5 -12
assets/css/backend.css +2239 -2740

app/features/events.php CHANGED Viewed

	@@ -1336,7 +1336,7 @@ class MEC_feature_events extends MEC_base
1336	<label for="mec_exceptions_not_in_days_date"><?php _e('Exclude certain days', 'modern-events-calendar-lite'); ?></label>
1337	</div>
1338	<div class="mec-form-row">
1339	- <div class="mec-col-6">
1340	<input type="text" id="mec_exceptions_not_in_days_date" value=""
1341	placeholder="<?php _e('Date', 'modern-events-calendar-lite'); ?>" class="mec_date_picker_dynamic_format" autocomplete="off"/>
1342	<button class="button" type="button"
	@@ -1780,7 +1780,7 @@ class MEC_feature_events extends MEC_base
1780	</div>
1781	<div class="mec-form-row wn-ticket-time">
1782	<div class="mec-ticket-start-time mec-col-12">
1783	- <span><?php esc_html_e('Start Time', 'modern-events-calendar-lite'); ?></span>
1784	<?php $this->main->timepicker(array(
1785	'method' => (isset($this->settings['time_format']) ? $this->settings['time_format'] : 12),
1786	'time_hour' => (isset($ticket['ticket_start_time_hour']) ? $ticket['ticket_start_time_hour'] : 8),
	@@ -1792,8 +1792,8 @@ class MEC_feature_events extends MEC_base
1792	'ampm_key' => 'ticket_start_time_ampm',
1793	)); ?>
1794	</div>
1795	- <div class="mec-ticket-end-time mec-col-12">
1796	- <span><?php esc_html_e('End Time', 'modern-events-calendar-lite'); ?></span>
1797	<?php $this->main->timepicker(array(
1798	'method' => (isset($this->settings['time_format']) ? $this->settings['time_format'] : 12),
1799	'time_hour' => (isset($ticket['ticket_end_time_hour']) ? $ticket['ticket_end_time_hour'] : 6),
	@@ -1855,38 +1855,42 @@ class MEC_feature_events extends MEC_base
1855	</span>
1856	</div>
1857	<div class="mec-form-row">
1858	- <~~input~~ class="mec-col-4" ~~type="text" name="mec[tickets][<?php echo $key; ?>][limit]"~~
1859	- ~~placeholder~~="<?php ~~esc_attr_e('Available~~ ~~Tickets', 'modern-events-calendar-lite')~~; ?>"
1860	- ~~value~~="<?php ~~echo~~(~~isset($ticket[~~'~~limit'])~~ ~~? esc_attr($ticket[~~'~~limit'])~~ : '~~100~~'); ?>"/>
1861	- ~~<label class~~="~~mec-col-2" for="mec_tickets_unlimited_~~<?php echo $~~key~~; ?>"
1862	- id="~~mec_bookings_limit_unlimited_label~~<?php echo $key; ?>">
1863	- ~~<input type~~="~~hidden" name="mec[tickets][~~<?php echo $key; ?>~~][unlimited]~~" ~~value="0"/>~~
1864	- <input id="~~mec_tickets_unlimited_~~<?php echo $key; ?>" ~~type="checkbox"~~ value="1"
1865	- ~~name~~="~~mec[tickets][~~<?php echo $key; ?>~~][unlimited]~~"
1866	- <?php
1867	- ~~if (isset($ticket['unlimited']) and $ticket['unlimited']) {~~
1868	- ~~echo~~ '~~checked="checked"~~';
1869	- }
1870	- ?>
1871	- />
1872	- ~~<?php _e('Unlimited', 'modern-events-calendar-lite'); ?>~~
1873	- ~~</label>~~


1874	</div>
1875	<div class="mec-form-row">
1876	- <~~input~~ ~~type~~="~~text" name="~~mec[tickets][<?php echo $key; ?>][minimum_ticket]" value="<?php echo(isset($ticket['minimum_ticket']) ? esc_attr($ticket['minimum_ticket']) : '0'); ?>" placeholder="<?php _e('Minimum Ticket e.g. 3', 'modern-~~events~~-~~calendar-lite'); ?>~~">
1877	- <~~span~~ ~~class~~="mec-~~tooltip~~">
1878	- <~~div~~ class="~~box top~~">
1879	- <h5 class="~~title~~"~~><?php _e('MinimumTicket', 'modern-events-calendar-lite'); ?></h5~~>
1880	- <~~div~~ class="~~content~~">
1881	- <~~p><?php~~ ~~esc_attr_e('Set a number for the minimum ticket reservation possible', 'modern-events-calendar-lite'); ?></p~~>


1882	</div>
1883	- ~~</div~~>
1884	- ~~<i title="" class="dashicons-before dashicons-editor-help"></i~~>
1885	- </~~span~~>
1886	</div>
1887	<div class="mec-form-row">
1888	<?php ob_start(); ?>
1889	- <input type="number" name="mec[tickets][<?php echo $key; ?>][stop_selling_value]" value="<?php echo((isset($ticket['stop_selling_value']) and trim($ticket['stop_selling_value'])) ? esc_attr($ticket['stop_selling_value']) : '0'); ?>" placeholder="<?php _e('e.g. 0', 'modern-events-calendar-lite'); ?>">
1890	<select name="mec[tickets][<?php echo $key; ?>][stop_selling_type]">
1891	<option value="day" <?php echo(isset($ticket['stop_selling_type']) and trim($ticket['stop_selling_type']) == 'day') ? 'selected="selected"' : ''; ?>><?php _e("Day", "limitmec"); ?></option>
1892	<option value="hour" <?php echo(isset($ticket['stop_selling_type']) and trim($ticket['stop_selling_type']) == 'hour') ? 'selected="selected"' : ''; ?>><?php _e("Hour", "mec"); ?></option>
	@@ -1975,7 +1979,7 @@ class MEC_feature_events extends MEC_base
1975	</div>
1976	<div class="mec-form-row wn-ticket-time">
1977	<div class="mec-ticket-start-time mec-col-12">
1978	- <span><?php esc_html_e('Start Time', 'modern-events-calendar-lite'); ?></span>
1979	<?php $this->main->timepicker(array(
1980	'method' => (isset($this->settings['time_format']) ? $this->settings['time_format'] : 12),
1981	'time_hour' => 8,
	@@ -1987,8 +1991,8 @@ class MEC_feature_events extends MEC_base
1987	'ampm_key' => 'ticket_start_time_ampm',
1988	)); ?>
1989	</div>
1990	- <div class="mec-ticket-start-time mec-col-12">
1991	- <span><?php esc_html_e('End Time', 'modern-events-calendar-lite'); ?></span>
1992	<?php $this->main->timepicker(array(
1993	'method' => (isset($this->settings['time_format']) ? $this->settings['time_format'] : 12),
1994	'time_hour' => 6,
	@@ -2045,31 +2049,35 @@ class MEC_feature_events extends MEC_base
2045	</span>
2046	</div>
2047	<div class="mec-form-row">
2048	- <~~input~~ class="mec-col-4" ~~type="text" name="mec[tickets][:i:][limit]"~~
2049	- ~~placeholder~~="~~<?php~~ ~~esc_attr_e('Available Tickets', 'modern~~-~~events~~-~~calendar-lite');~~ ?>"/>
2050	- ~~<label class~~="~~mec~~-~~col~~-4" ~~for=~~"~~mec_tickets_unlimited_:i:"~~
2051	- id="~~mec_bookings_limit_unlimited_label~~">
2052	- ~~<input type~~="~~hidden~~" ~~name="mec[tickets][:i:][unlimited]" value="0"/>~~
2053	- <input id="~~mec_tickets_unlimited_:i:~~" ~~type~~="~~checkbox~~" value="1"
2054	- ~~name~~="~~mec[tickets][~~:i:~~][unlimited]~~"/>
2055	- ~~<?php _e('Unlimited', 'modern-events-calendar-lite'); ?>~~
2056	- ~~</label>~~


2057	</div>
2058	<div class="mec-form-row">
2059	- <~~input~~ ~~type~~="~~text" name="~~mec~~[tickets][:i:][minimum_ticket]" placeholder="<?php _e('Minimum Ticket e.g. 3', 'modern~~-~~events~~-~~calendar-lite'); ?>~~">
2060	- <~~span~~ ~~class~~="mec-~~tooltip~~">
2061	- <~~div~~ class="~~box top~~">
2062	- <h5 class="~~title~~"~~><?php _e('MinimumTicket', 'modern-events-calendar-lite'); ?></h5~~>
2063	- <~~div~~ class="~~content~~">
2064	- <~~p><?php~~ ~~esc_attr_e('Set a number for the minimum ticket reservation possible', 'modern-events-calendar-lite'); ?></p~~>


2065	</div>
2066	- ~~</div~~>
2067	- ~~<i title="" class="dashicons-before dashicons-editor-help"></i~~>
2068	- </~~span~~>
2069	</div>
2070	<div class="mec-form-row">
2071	<?php ob_start(); ?>
2072	- <input type="number" name="mec[tickets][:i:][stop_selling_value]" value="0" placeholder="<?php _e('e.g. 0', 'modern-events-calendar-lite'); ?>">
2073	<select name="mec[tickets][:i:][stop_selling_type]">
2074	<option value="day"><?php _e("Day", "mec"); ?></option>
2075	<option value="hour"><?php _e("Hour", "mec"); ?></option>


1336	<label for="mec_exceptions_not_in_days_date"><?php _e('Exclude certain days', 'modern-events-calendar-lite'); ?></label>
1337	</div>
1338	<div class="mec-form-row">
1339	+ <div class="mec-col-12">
1340	<input type="text" id="mec_exceptions_not_in_days_date" value=""
1341	placeholder="<?php _e('Date', 'modern-events-calendar-lite'); ?>" class="mec_date_picker_dynamic_format" autocomplete="off"/>
1342	<button class="button" type="button"

1780	</div>
1781	<div class="mec-form-row wn-ticket-time">
1782	<div class="mec-ticket-start-time mec-col-12">
1783	+ <span class="mec-ticket-time"><?php esc_html_e('Start Time', 'modern-events-calendar-lite'); ?></span>
1784	<?php $this->main->timepicker(array(
1785	'method' => (isset($this->settings['time_format']) ? $this->settings['time_format'] : 12),
1786	'time_hour' => (isset($ticket['ticket_start_time_hour']) ? $ticket['ticket_start_time_hour'] : 8),

1792	'ampm_key' => 'ticket_start_time_ampm',
1793	)); ?>
1794	</div>
1795	+ <div class="mec-ticket-end-time mec-ticket-start-time mec-col-12">
1796	+ <span class="mec-ticket-time"><?php esc_html_e('End Time', 'modern-events-calendar-lite'); ?></span>
1797	<?php $this->main->timepicker(array(
1798	'method' => (isset($this->settings['time_format']) ? $this->settings['time_format'] : 12),
1799	'time_hour' => (isset($ticket['ticket_end_time_hour']) ? $ticket['ticket_end_time_hour'] : 6),

1855	</span>
1856	</div>
1857	<div class="mec-form-row">
1858	+ <div class="mec-col-10">
1859	+ <input class="mec-col-4 mec-available-tickets" type="text" name="mec[tickets][<?php echo $key; ?>][limit]"
1860	+ placeholder="<?php esc_attr_e('Available Tickets', 'modern-events-calendar-lite'); ?>"
1861	+ value="<?php echo(isset($ticket['limit']) ? esc_attr($ticket['limit']) : '100'); ?>"/>
1862	+ <label class="mec-col-4" for="mec_tickets_unlimited_<?php echo $key; ?>"
1863	+ id="mec_bookings_limit_unlimited_label<?php echo $key; ?>">
1864	+ <input type="hidden" name="mec[tickets][<?php echo $key; ?>][unlimited]" value="0"/>
1865	+ <input id="mec_tickets_unlimited_<?php echo $key; ?>" type="checkbox" value="1"
1866	+ name="mec[tickets][<?php echo $key; ?>][unlimited]"
1867	+ <?php
1868	+ if (isset($ticket['unlimited']) and $ticket['unlimited']) {
1869	+ echo 'checked="checked"';
1870	+ }
1871	+ ?>
1872	+ />
1873	+ <?php _e('Unlimited', 'modern-events-calendar-lite'); ?>
1874	+ </label>
1875	+ </div>
1876	</div>
1877	<div class="mec-form-row">
1878	+ <div class="mec-col-4">
1879	+ <input type="text" name="mec[tickets][<?php echo $key; ?>][minimum_ticket]" value="<?php echo(isset($ticket['minimum_ticket']) ? esc_attr($ticket['minimum_ticket']) : '0'); ?>" placeholder="<?php _e('Minimum Ticket e.g. 3', 'modern-events-calendar-lite'); ?>">
1880	+ <span class="mec-tooltip">
1881	+ <div class="box top">
1882	+ <h5 class="title"><?php _e('MinimumTicket', 'modern-events-calendar-lite'); ?></h5>
1883	+ <div class="content">
1884	+ <p><?php esc_attr_e('Set a number for the minimum ticket reservation possible', 'modern-events-calendar-lite'); ?></p>
1885	+ </div>
1886	</div>
1887	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1888	+ </span>
1889	+ </div>
1890	</div>
1891	<div class="mec-form-row">
1892	<?php ob_start(); ?>
1893	+ <input type="number" class="mec-stop-selling-tickets" name="mec[tickets][<?php echo $key; ?>][stop_selling_value]" value="<?php echo((isset($ticket['stop_selling_value']) and trim($ticket['stop_selling_value'])) ? esc_attr($ticket['stop_selling_value']) : '0'); ?>" placeholder="<?php _e('e.g. 0', 'modern-events-calendar-lite'); ?>">
1894	<select name="mec[tickets][<?php echo $key; ?>][stop_selling_type]">
1895	<option value="day" <?php echo(isset($ticket['stop_selling_type']) and trim($ticket['stop_selling_type']) == 'day') ? 'selected="selected"' : ''; ?>><?php _e("Day", "limitmec"); ?></option>
1896	<option value="hour" <?php echo(isset($ticket['stop_selling_type']) and trim($ticket['stop_selling_type']) == 'hour') ? 'selected="selected"' : ''; ?>><?php _e("Hour", "mec"); ?></option>

1979	</div>
1980	<div class="mec-form-row wn-ticket-time">
1981	<div class="mec-ticket-start-time mec-col-12">
1982	+ <span class="mec-ticket-time"><?php esc_html_e('Start Time', 'modern-events-calendar-lite'); ?></span>
1983	<?php $this->main->timepicker(array(
1984	'method' => (isset($this->settings['time_format']) ? $this->settings['time_format'] : 12),
1985	'time_hour' => 8,

1991	'ampm_key' => 'ticket_start_time_ampm',
1992	)); ?>
1993	</div>
1994	+ <div class="mec-ticket-end-time mec-ticket-start-time mec-col-12">
1995	+ <span class="mec-ticket-time"><?php esc_html_e('End Time', 'modern-events-calendar-lite'); ?></span>
1996	<?php $this->main->timepicker(array(
1997	'method' => (isset($this->settings['time_format']) ? $this->settings['time_format'] : 12),
1998	'time_hour' => 6,

2049	</span>
2050	</div>
2051	<div class="mec-form-row">
2052	+ <div class="mec-col-10">
2053	+ <input class="mec-col-4 mec-available-tickets" type="text" name="mec[tickets][:i:][limit]"
2054	+ placeholder="<?php esc_attr_e('Available Tickets', 'modern-events-calendar-lite'); ?>"/>
2055	+ <label class="mec-col-4" for="mec_tickets_unlimited_:i:"
2056	+ id="mec_bookings_limit_unlimited_label">
2057	+ <input type="hidden" name="mec[tickets][:i:][unlimited]" value="0"/>
2058	+ <input id="mec_tickets_unlimited_:i:" type="checkbox" value="1"
2059	+ name="mec[tickets][:i:][unlimited]"/>
2060	+ <?php _e('Unlimited', 'modern-events-calendar-lite'); ?>
2061	+ </label>
2062	+ </div>
2063	</div>
2064	<div class="mec-form-row">
2065	+ <div class="mec-col-4">
2066	+ <input type="text" name="mec[tickets][:i:][minimum_ticket]" placeholder="<?php _e('Minimum Ticket e.g. 3', 'modern-events-calendar-lite'); ?>">
2067	+ <span class="mec-tooltip">
2068	+ <div class="box top">
2069	+ <h5 class="title"><?php _e('MinimumTicket', 'modern-events-calendar-lite'); ?></h5>
2070	+ <div class="content">
2071	+ <p><?php esc_attr_e('Set a number for the minimum ticket reservation possible', 'modern-events-calendar-lite'); ?></p>
2072	+ </div>
2073	</div>
2074	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
2075	+ </span>
2076	+ </div>
2077	</div>
2078	<div class="mec-form-row">
2079	<?php ob_start(); ?>
2080	+ <input type="number" class="mec-stop-selling-tickets" name="mec[tickets][:i:][stop_selling_value]" value="0" placeholder="<?php _e('e.g. 0', 'modern-events-calendar-lite'); ?>">
2081	<select name="mec[tickets][:i:][stop_selling_type]">
2082	<option value="day"><?php _e("Day", "mec"); ?></option>
2083	<option value="hour"><?php _e("Hour", "mec"); ?></option>

app/features/gateways/paypal_ipn.php ADDED Viewed

	@@ -0,0 +1,30 @@


1	+ <?php
2	+ /**
3	+ * WordPress initializing
4	+ */
5	+ function mec_find_wordpress_base_path()
6	+ {
7	+ $dir = dirname(__FILE__);
8	+
9	+ do
10	+ {
11	+ if(file_exists($dir.'/wp-config.php')) return $dir;
12	+ }
13	+ while($dir = realpath($dir.'/..'));
14	+
15	+ return NULL;
16	+ }
17	+
18	+ define('BASE_PATH', mec_find_wordpress_base_path().'/');
19	+ define('WP_USE_THEMES', false);
20	+
21	+ global $wp, $wp_query, $wp_the_query, $wp_rewrite, $wp_did_header;
22	+ require(BASE_PATH.'wp-load.php');
23	+
24	+ // exit if request method is GET
25	+ if(!isset($_SERVER['REQUEST_METHOD']) or (isset($_SERVER['REQUEST_METHOD']) and $_SERVER['REQUEST_METHOD'] == 'GET')) exit;
26	+
27	+ $model = new MEC_gateway_paypal_express();
28	+
29	+ $POST = array_map('stripslashes', $_POST);
30	+ $verified = $model->validate_express_payment($POST);

app/features/labels.php CHANGED Viewed

	@@ -116,8 +116,9 @@ class MEC_feature_labels extends MEC_base
116	<option value=""><?php _e('Normal', 'modern-events-calendar-lite'); ?></option>
117	<option value="mec-label-featured" <?php echo ($style == 'mec-label-featured' ? 'selected="selected"' : ''); ?>><?php _e('Featured', 'modern-events-calendar-lite'); ?></option>
118	<option value="mec-label-canceled" <?php echo ($style == 'mec-label-canceled' ? 'selected="selected"' : ''); ?>><?php _e('Canceled', 'modern-events-calendar-lite'); ?></option>

119	</select>
120	- <p class="description"><?php _e('You can show featured and ~~canceled~~ ~~events~~ by a different style!', 'modern-events-calendar-lite'); ?></p>
121	</td>
122	</tr>
123	<?php
	@@ -141,8 +142,9 @@ class MEC_feature_labels extends MEC_base
141	<option value=""><?php _e('Normal', 'modern-events-calendar-lite'); ?></option>
142	<option value="mec-label-featured"><?php _e('Featured', 'modern-events-calendar-lite'); ?></option>
143	<option value="mec-label-canceled"><?php _e('Canceled', 'modern-events-calendar-lite'); ?></option>

144	</select>
145	- <p class="description"><?php _e('You can show featured and ~~canceled~~ ~~events~~ by a different style!', 'modern-events-calendar-lite'); ?></p>
146	</div>
147	<?php
148	}


116	<option value=""><?php _e('Normal', 'modern-events-calendar-lite'); ?></option>
117	<option value="mec-label-featured" <?php echo ($style == 'mec-label-featured' ? 'selected="selected"' : ''); ?>><?php _e('Featured', 'modern-events-calendar-lite'); ?></option>
118	<option value="mec-label-canceled" <?php echo ($style == 'mec-label-canceled' ? 'selected="selected"' : ''); ?>><?php _e('Canceled', 'modern-events-calendar-lite'); ?></option>
119	+ <!--<option value="mec-label-custom" <?php echo ($style == 'mec-label-custom' ? 'selected="selected"' : ''); ?>><?php _e('Custom', 'modern-events-calendar-lite'); ?></option>-->
120	</select>
121	+ <p class="description"><?php _e('You can show featured, canceled and custom labels by a different style!', 'modern-events-calendar-lite'); ?></p>
122	</td>
123	</tr>
124	<?php

142	<option value=""><?php _e('Normal', 'modern-events-calendar-lite'); ?></option>
143	<option value="mec-label-featured"><?php _e('Featured', 'modern-events-calendar-lite'); ?></option>
144	<option value="mec-label-canceled"><?php _e('Canceled', 'modern-events-calendar-lite'); ?></option>
145	+ <!--<option value="mec-label-custom"><?php _e('Custom', 'modern-events-calendar-lite'); ?></option>-->
146	</select>
147	+ <p class="description"><?php _e('You can show featured, canceled and custom labels by a different style!', 'modern-events-calendar-lite'); ?></p>
148	</div>
149	<?php
150	}

app/features/mec.php CHANGED Viewed

	@@ -472,7 +472,7 @@ class MEC_feature_mec extends MEC_base
472	add_submenu_page('mec-intro', $this->main->m('taxonomy_speakers', __('Speakers', 'modern-events-calendar-lite')), $this->main->m('taxonomy_speakers', __('Speakers', 'modern-events-calendar-lite')), 'edit_others_posts', 'edit-tags.php?taxonomy=mec_speaker&post_type='.$this->PT);
473	}
474
475	- add_submenu_page('mec-intro', __('Shortcodes', 'modern-events-calendar-lite'), __('Shortcodes', 'modern-events-calendar-lite'), '~~manage_options~~', 'edit.php?post_type=mec_calendars');
476	add_submenu_page('mec-intro', __('MEC - Settings', 'modern-events-calendar-lite'), __('Settings', 'modern-events-calendar-lite'), 'mec_settings', 'MEC-settings', array($this, 'page'));
477	add_submenu_page('mec-intro', __('MEC - Addons', 'modern-events-calendar-lite'), __('Addons', 'modern-events-calendar-lite'), 'manage_options', 'MEC-addons', array($this, 'addons'));
478


472	add_submenu_page('mec-intro', $this->main->m('taxonomy_speakers', __('Speakers', 'modern-events-calendar-lite')), $this->main->m('taxonomy_speakers', __('Speakers', 'modern-events-calendar-lite')), 'edit_others_posts', 'edit-tags.php?taxonomy=mec_speaker&post_type='.$this->PT);
473	}
474
475	+ add_submenu_page('mec-intro', __('Shortcodes', 'modern-events-calendar-lite'), __('Shortcodes', 'modern-events-calendar-lite'), 'mec_shortcodes', 'edit.php?post_type=mec_calendars');
476	add_submenu_page('mec-intro', __('MEC - Settings', 'modern-events-calendar-lite'), __('Settings', 'modern-events-calendar-lite'), 'mec_settings', 'MEC-settings', array($this, 'page'));
477	add_submenu_page('mec-intro', __('MEC - Addons', 'modern-events-calendar-lite'), __('Addons', 'modern-events-calendar-lite'), 'manage_options', 'MEC-addons', array($this, 'addons'));
478

app/features/mec/addons.php CHANGED Viewed

	@@ -60,7 +60,10 @@ wp_enqueue_script('mec-lity-script', $this->main->asset('packages/lity/lity.min.
60	?>
61	<div class="mec-addon-box-title"><img src="<?php esc_html_e($value->img); ?>" /><span><?php esc_html_e($value->name); ?></span></div>
62	<?php if ( $value->comingsoon == 'false' ) : ?>
63	- <div class="mec-addon-box-version"><span><?php esc_html_e('Version', 'modern-events-calendar-lite'); ?> <strong><?php esc_html_e($addons_json['version']); ?></strong></span></div>



64	<?php endif; ?>
65	</div>
66	<div class="mec-addon-box-body">


60	?>
61	<div class="mec-addon-box-title"><img src="<?php esc_html_e($value->img); ?>" /><span><?php esc_html_e($value->name); ?></span></div>
62	<?php if ( $value->comingsoon == 'false' ) : ?>
63	+ <div class="mec-addon-box-version"><span><?php esc_html_e('Version', 'modern-events-calendar-lite'); ?> <strong><?php esc_html_e($addons_json['version']); ?></strong></span></div>
64	+ <?php if ( $value->pro == 'true' ) : ?>
65	+ <div class="mec-addon-box-pro">Requires Pro Version</div>
66	+ <?php endif; ?>
67	<?php endif; ?>
68	</div>
69	<div class="mec-addon-box-body">

app/features/mec/booking.php CHANGED Viewed

	@@ -101,10 +101,10 @@ $gateways_options = $this->main->get_gateways_options();
101	<h5 class="title"><?php _e('Date Options', 'modern-events-calendar-lite'); ?></h5>
102	<div class="mec-form-row">
103	<label class="mec-col-3" for="mec_settings_booking_date_format1"><?php _e('Date Format', 'modern-events-calendar-lite'); ?></label>
104	- <div class="mec-col-4">
105	<input type="text" id="mec_settings_booking_date_format1" name="mec[settings][booking_date_format1]" value="<?php echo ((isset($settings['booking_date_format1']) and trim($settings['booking_date_format1']) != '') ? $settings['booking_date_format1'] : 'Y-m-d'); ?>" />
106	<span class="mec-tooltip">
107	- <div class="box">
108	<h5 class="title"><?php _e('Date Format', 'modern-events-calendar-lite'); ?></h5>
109	<div class="content"><p><?php esc_attr_e("Default is Y-m-d", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
110	</div>
	@@ -114,13 +114,13 @@ $gateways_options = $this->main->get_gateways_options();
114	</div>
115	<div class="mec-form-row">
116	<label class="mec-col-3" for="mec_settings_booking_maximum_dates"><?php _e('Maximum Dates', 'modern-events-calendar-lite'); ?></label>
117	- <div class="mec-col-4">
118	<input type="number" id="mec_settings_booking_maximum_dates" name="mec[settings][booking_maximum_dates]" value="<?php echo ((isset($settings['booking_maximum_dates']) and trim($settings['booking_maximum_dates']) != '') ? $settings['booking_maximum_dates'] : '6'); ?>" placeholder="<?php esc_attr_e('Default is 6', 'modern-events-calendar-lite'); ?>" min="1" />
119	</div>
120	</div>
121	<div class="mec-form-row">
122	<label class="mec-col-3" for="mec_settings_booking_date_selection"><?php _e('Date Selection', 'modern-events-calendar-lite'); ?></label>
123	- <div class="mec-col-4">
124	<select id="mec_settings_booking_date_selection" name="mec[settings][booking_date_selection]">
125	<option value="dropdown" <?php echo ((!isset($settings['booking_date_selection']) or (isset($settings['booking_date_selection']) and $settings['booking_date_selection'] == 'dropdown')) ? 'selected="selected"' : ''); ?>><?php _e('Dropdown', 'modern-events-calendar-lite'); ?></option>
126	<option value="calendar" <?php echo ((isset($settings['booking_date_selection']) and $settings['booking_date_selection'] == 'calendar') ? 'selected="selected"' : ''); ?>><?php _e('Calendar', 'modern-events-calendar-lite'); ?></option>
	@@ -130,10 +130,10 @@ $gateways_options = $this->main->get_gateways_options();
130	<h5 class="title"><?php _e('Interval Options', 'modern-events-calendar-lite'); ?></h5>
131	<div class="mec-form-row">
132	<label class="mec-col-3" for="mec_settings_show_booking_form_interval"><?php _e('Show Booking Form Interval', 'modern-events-calendar-lite'); ?></label>
133	- <div class="mec-col-4">
134	<input type="number" id="mec_settings_show_booking_form_interval" name="mec[settings][show_booking_form_interval]" value="<?php echo ((isset($settings['show_booking_form_interval']) and trim($settings['show_booking_form_interval']) != '0') ? $settings['show_booking_form_interval'] : '0'); ?>" placeholder="<?php esc_attr_e('Minutes (e.g 5)', 'modern-events-calendar-lite'); ?>" />
135	<span class="mec-tooltip">
136	- <div class="box">
137	<h5 class="title"><?php _e('Show Booking Form Interval', 'modern-events-calendar-lite'); ?></h5>
138	<div class="content"><p><?php esc_attr_e("You can show booking form only at certain times before event start. If you set this option to 30 then booking form will open only 30 minutes before starting the event! One day is 1440 minutes.", 'modern-events-calendar-lite'); ?></p></div>
139	</div>
	@@ -143,9 +143,11 @@ $gateways_options = $this->main->get_gateways_options();
143	</div>
144	<div class="mec-form-row">
145	<label class="mec-col-3" for="mec_settings_cancellation_period_from"><?php _e('Cancellation Period', 'modern-events-calendar-lite'); ?></label>
146	- <div class="mec-col-8">
147	- <~~input~~ ~~type~~="number" id="mec_settings_cancellation_period_from" name="mec[settings][cancellation_period_from]" value="<?php echo ((isset($settings['cancellation_period_from']) and trim($settings['cancellation_period_from']) != '') ? $settings['cancellation_period_from'] : ''); ?>" placeholder="<?php esc_attr_e('From e.g 48', 'modern-~~events~~-~~calendar-lite'); ?>~~" />
148	- <input type="number" id="~~mec_settings_cancellation_period_time~~" name="mec[settings][~~cancellation_period_time~~]" value="<?php echo ((isset($settings['~~cancellation_period_time~~']) and trim($settings['~~cancellation_period_time~~']) != '') ? $settings['~~cancellation_period_time~~'] : ''); ?>" placeholder="<?php esc_attr_e('To e.g 24', 'modern-events-calendar-lite'); ?>" />


149	<select name="mec[settings][cancellation_period_p]" title="<?php esc_attr_e('Period', 'modern-events-calendar-lite'); ?>">
150	<option value="hour" <?php echo (isset($settings['cancellation_period_p']) and $settings['cancellation_period_p'] == 'hour') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Hour(s)', 'modern-events-calendar-lite'); ?></option>
151	<option value="day" <?php echo (isset($settings['cancellation_period_p']) and $settings['cancellation_period_p'] == 'day') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Day(s)', 'modern-events-calendar-lite'); ?></option>
	@@ -154,26 +156,28 @@ $gateways_options = $this->main->get_gateways_options();
154	<option value="before" <?php echo (isset($settings['cancellation_period_type']) and $settings['cancellation_period_type'] == 'before') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Before', 'modern-events-calendar-lite'); ?></option>
155	<option value="after" <?php echo (isset($settings['cancellation_period_type']) and $settings['cancellation_period_type'] == 'after') ? 'selected="selected"' : ''; ?>><?php esc_html_e('After', 'modern-events-calendar-lite'); ?></option>
156	</select>
157	- ~~<?php esc_html_e('Event Start', 'modern-events-calendar-lite'); ?>~~
158	- ~~<span~~ ~~class="mec~~-~~tooltip">~~
159	- <~~div~~ class="~~box~~">
160	- <h5 class="~~title~~"~~><?php _e('Cancellation Period', 'modern-events-calendar-lite'); ?></h5~~>
161	- <~~div~~ class="~~content~~"~~><p~~><?php ~~esc_attr_e~~(~~"You~~ can restrict the ability to cancel bookings. Leave empty for cancellation at any time. For example if you insert 48 to 24 hours before event start then bookers are able to cancel their booking between this time and before or after that they'~~re not able to do that."~~, 'modern-events-calendar-lite'); ?></~~p></div~~>
162	- </div>
163	- ~~<i title="" class="dashicons-before dashicons-editor-help"></i~~>
164	- ~~</span~~>


165	</div>
166	</div>
167	<h5 class="title"><?php _e('User Registration', 'modern-events-calendar-lite'); ?></h5>
168	<div class="mec-form-row">
169	<label class="mec-col-3" for="mec_settings_booking_registration"><?php _e('Registration', 'modern-events-calendar-lite'); ?></label>
170	- <div class="mec-col-4">
171	<select id="mec_settings_booking_registration" name="mec[settings][booking_registration]" onchange="jQuery('#mec_settings_booking_registration_wrapper').toggleClass('w-hidden');">
172	<option <?php echo ((isset($settings['booking_registration']) and $settings['booking_registration'] == '1') ? 'selected="selected"' : ''); ?> value="1"><?php echo esc_html__('Enabled', 'modern-events-calendar-lite'); ?></option>
173	<option <?php echo ((isset($settings['booking_registration']) and $settings['booking_registration'] == '0') ? 'selected="selected"' : ''); ?> value="0"><?php echo esc_html__('Disabled', 'modern-events-calendar-lite'); ?></option>
174	</select>
175	<span class="mec-tooltip">
176	- <div class="box ~~top~~">
177	<h5 class="title"><?php _e('Registration', 'modern-events-calendar-lite'); ?></h5>
178	<div class="content"><p><?php esc_attr_e("If enabled MEC would create a WordPress User for main attendees. It's recommended to keep it enabled.", 'modern-events-calendar-lite'); ?></p></div>
179	</div>
	@@ -184,7 +188,7 @@ $gateways_options = $this->main->get_gateways_options();
184	<div id="mec_settings_booking_registration_wrapper" class="<?php echo (!isset($settings['booking_registration']) or (isset($settings['booking_registration']) and $settings['booking_registration'])) ? "" : "w-hidden"; ?>">
185	<div class="mec-form-row">
186	<label class="mec-col-3" for="mec_settings_booking_user_role"><?php _e('User Role', 'modern-events-calendar-lite'); ?></label>
187	- <div class="mec-col-4">
188	<select id="mec_settings_booking_user_role" name="mec[settings][booking_user_role]">
189	<option value="">----</option>
190	<?php foreach($roles as $role => $r): ?>
	@@ -192,7 +196,7 @@ $gateways_options = $this->main->get_gateways_options();
192	<?php endforeach; ?>
193	</select>
194	<span class="mec-tooltip">
195	- <div class="box ~~top~~">
196	<h5 class="title"><?php _e('User Role', 'modern-events-calendar-lite'); ?></h5>
197	<div class="content"><p><?php esc_attr_e("MEC creates a user for main attendee after each booking. Default role of the user is subscriber but you can change it if needed.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
198	</div>
	@@ -202,13 +206,13 @@ $gateways_options = $this->main->get_gateways_options();
202	</div>
203	<div class="mec-form-row">
204	<label class="mec-col-3" for="mec_settings_booking_userpass"><?php _e('Username & Password', 'modern-events-calendar-lite'); ?></label>
205	- <div class="mec-col-4">
206	<select id="mec_settings_booking_userpass" name="mec[settings][booking_userpass]">
207	<option value="auto" <?php echo ((isset($settings['booking_userpass']) and trim($settings['booking_userpass']) == 'auto') ? 'selected="selected"' : ''); ?>><?php echo esc_html__('Auto', 'modern-events-calendar-lite'); ?></option>
208	<option value="manual" <?php echo ((isset($settings['booking_userpass']) and trim($settings['booking_userpass']) == 'manual') ? 'selected="selected"' : ''); ?>><?php echo esc_html__('Manual', 'modern-events-calendar-lite'); ?></option>
209	</select>
210	<span class="mec-tooltip">
211	- <div class="box">
212	<h5 class="title"><?php _e('Username & Password', 'modern-events-calendar-lite'); ?></h5>
213	<div class="content"><p><?php esc_attr_e("If you set it to manual option then users can insert a username and password during the booking for registration otherwise MEC use their email and an auto generated password.", 'modern-events-calendar-lite'); ?></p></div>
214	</div>
	@@ -221,10 +225,10 @@ $gateways_options = $this->main->get_gateways_options();
221	<h5 class="mec-form-subtitle"><?php _e('Limitation', 'modern-events-calendar-lite'); ?></h5>
222	<div class="mec-form-row">
223	<label class="mec-col-3" for="mec_settings_booking_limit"><?php _e('Limit', 'modern-events-calendar-lite'); ?></label>
224	- <div class="mec-col-4">
225	<input type="number" id="mec_settings_booking_limit" name="mec[settings][booking_limit]" value="<?php echo ((isset($settings['booking_limit']) and trim($settings['booking_limit']) != '') ? $settings['booking_limit'] : ''); ?>" placeholder="<?php esc_attr_e('Default is empty', 'modern-events-calendar-lite'); ?>" />
226	<span class="mec-tooltip">
227	- <div class="box">
228	<h5 class="title"><?php _e('Booking Limit', 'modern-events-calendar-lite'); ?></h5>
229	<div class="content"><p><?php esc_attr_e("Total tickets that a user can book. It is useful if you're providing free tickets. Leave it empty for unlimited booking.", 'modern-events-calendar-lite'); ?></p></div>
230	</div>
	@@ -234,13 +238,13 @@ $gateways_options = $this->main->get_gateways_options();
234	</div>
235	<div class="mec-form-row">
236	<label class="mec-col-3" for="mec_settings_booking_ip_restriction"><?php _e('IP restriction', 'modern-events-calendar-lite'); ?></label>
237	- <div class="mec-col-4">
238	<select id="mec_settings_booking_ip_restriction" name="mec[settings][booking_ip_restriction]">
239	<option value="1" <?php echo ((isset($settings['booking_ip_restriction']) and trim($settings['booking_ip_restriction']) == 1) ? 'selected="selected"' : ''); ?>><?php echo esc_html__('Enabled', 'modern-events-calendar-lite'); ?></option>
240	<option value="0" <?php echo ((isset($settings['booking_ip_restriction']) and trim($settings['booking_ip_restriction']) == 0) ? 'selected="selected"' : ''); ?>><?php echo esc_html__('Disabled', 'modern-events-calendar-lite'); ?></option>
241	</select>
242	<span class="mec-tooltip">
243	- <div class="box">
244	<h5 class="title"><?php _e('IP restriction', 'modern-events-calendar-lite'); ?></h5>
245	<div class="content"><p><?php esc_attr_e("If you set limit for total tickets that users can book, MEC will use IP and email to prevent users to book high tickets. You can disable the IP restriction if you don't need it.", 'modern-events-calendar-lite'); ?></p></div>
246	</div>
	@@ -250,14 +254,14 @@ $gateways_options = $this->main->get_gateways_options();
250	</div>
251	<div class="mec-form-row">
252	<label class="mec-col-3" for="mec_settings_booking_lock_prefilled"><?php _e('Lock Pre-filled Fields', 'modern-events-calendar-lite'); ?></label>
253	- <div class="mec-col-4">
254	<select id="mec_settings_booking_lock_prefilled" name="mec[settings][booking_lock_prefilled]">
255	<option value="0" <?php echo (isset($settings['booking_lock_prefilled']) and $settings['booking_lock_prefilled'] == '0') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Disabled', 'modern-events-calendar-lite'); ?></option>
256	<option value="1" <?php echo (isset($settings['booking_lock_prefilled']) and $settings['booking_lock_prefilled'] == '1') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Enabled', 'modern-events-calendar-lite'); ?></option>
257	<option value="2" <?php echo (isset($settings['booking_lock_prefilled']) and $settings['booking_lock_prefilled'] == '2') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Enabled Only for Main Attendee', 'modern-events-calendar-lite'); ?></option>
258	</select>
259	<span class="mec-tooltip">
260	- <div class="box">
261	<h5 class="title"><?php _e('Lock Pre-filled Fields', 'modern-events-calendar-lite'); ?></h5>
262	<div class="content"><p><?php esc_attr_e("When users are logged in, name and email fields will be pre-filled but users can change them. If you enable the lock, then logged in users cannot change the pre-filled fields.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
263	</div>
	@@ -268,7 +272,7 @@ $gateways_options = $this->main->get_gateways_options();
268	<h5 class="mec-form-subtitle"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></h5>
269	<div class="mec-form-row">
270	<label class="mec-col-3" for="mec_settings_booking_thankyou_page"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></label>
271	- <div class="mec-col-4">
272	<select id="mec_settings_booking_thankyou_page" name="mec[settings][booking_thankyou_page]">
273	<option value="">----</option>
274	<?php foreach($pages as $page): ?>
	@@ -276,7 +280,7 @@ $gateways_options = $this->main->get_gateways_options();
276	<?php endforeach; ?>
277	</select>
278	<span class="mec-tooltip">
279	- <div class="box ~~top~~">
280	<h5 class="title"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></h5>
281	<div class="content"><p><?php esc_attr_e("User redirects to this page after booking. Leave it empty if you want to disable it.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
282	</div>
	@@ -286,10 +290,10 @@ $gateways_options = $this->main->get_gateways_options();
286	</div>
287	<div class="mec-form-row">
288	<label class="mec-col-3" for="mec_settings_booking_thankyou_page_time"><?php _e('Thank You Page Time Interval', 'modern-events-calendar-lite'); ?></label>
289	- <div class="mec-col-4">
290	<input type="number" id="mec_settings_booking_thankyou_page_time" name="mec[settings][booking_thankyou_page_time]" value="<?php echo ((isset($settings['booking_thankyou_page_time']) and trim($settings['booking_thankyou_page_time']) != '0') ? $settings['booking_thankyou_page_time'] : '2000'); ?>" placeholder="<?php esc_attr_e('2000 mean 2 seconds', 'modern-events-calendar-lite'); ?>" />
291	<span class="mec-tooltip">
292	- <div class="box ~~top~~">
293	<h5 class="title"><?php _e('Thank You Page Time Interval', 'modern-events-calendar-lite'); ?></h5>
294	<div class="content"><p><?php esc_attr_e("Waiting time before redirecting to thank you page. It's in miliseconds so 2000 means 2 seconds.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
295	</div>
	@@ -306,7 +310,7 @@ $gateways_options = $this->main->get_gateways_options();
306	<?php _e('Enable Express Attendees Form', 'modern-events-calendar-lite'); ?>
307	</label>
308	<span class="mec-tooltip">
309	- <div class="box ~~top~~">
310	<h5 class="title"><?php _e('Attendees Form', 'modern-events-calendar-lite'); ?></h5>
311	<div class="content"><p><?php esc_attr_e("Apply the info from the first attendee to all purchased ticket by that user. Uncheck if you want every ticket to have its own attendee’s info.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
312	</div>
	@@ -346,7 +350,7 @@ $gateways_options = $this->main->get_gateways_options();
346	<?php _e('Enable Downloadable File', 'modern-events-calendar-lite'); ?>
347	</label>
348	<span class="mec-tooltip">
349	- <div class="box ~~top~~">
350	<h5 class="title"><?php _e('Downloadable File', 'modern-events-calendar-lite'); ?></h5>
351	<div class="content"><p><?php esc_attr_e("By enabling this feature, You can upload a file for each event and bookers are able to download it after booking.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
352	</div>
	@@ -800,14 +804,14 @@ $gateways_options = $this->main->get_gateways_options();
800	<h4 class="mec-form-subtitle"><?php _e('Upload Field Options', 'modern-events-calendar-lite'); ?></h4>
801	<div class="mec-form-row">
802	<label class="mec-col-3" for="mec_booking_form_upload_field_mime_types"><?php _e('Mime types', 'modern-events-calendar-lite'); ?></label>
803	- <div class="mec-col-4">
804	<input type="text" id="mec_booking_form_upload_field_mime_types" name="mec[settings][upload_field_mime_types]" placeholder="jpeg,jpg,png,pdf" value="<?php echo ((isset($settings['upload_field_mime_types']) and trim($settings['upload_field_mime_types']) != '') ? $settings['upload_field_mime_types'] : ''); ?>" />
805	</div>
806	<p class="description"><?php echo __('Split mime types with ",".', 'modern-events-calendar-lite'); ?> <br /> <?php esc_attr_e("Default: jpeg,jpg,png,pdf", 'modern-events-calendar-lite'); ?></p>
807	</div>
808	<div class="mec-form-row">
809	<label class="mec-col-3" for="mec_booking_form_upload_field_max_upload_size"><?php _e('Maximum file size', 'modern-events-calendar-lite'); ?></label>
810	- <div class="mec-col-4">
811	<input type="number" id="mec_booking_form_upload_field_max_upload_size" name="mec[settings][upload_field_max_upload_size]" value="<?php echo ((isset($settings['upload_field_max_upload_size']) and trim($settings['upload_field_max_upload_size']) != '') ? $settings['upload_field_max_upload_size'] : ''); ?>" />
812	</div>
813	<p class="description"><?php echo __('The unit is Megabyte "MB"', 'modern-events-calendar-lite'); ?></p>
	@@ -838,13 +842,13 @@ $gateways_options = $this->main->get_gateways_options();
838
839	<div class="mec-form-row" style="margin-top: 40px;">
840	<label class="mec-col-3" for="mec_gateways_wc_autoorder_complete"><?php _e('Automatically complete WooCommerce orders', 'modern-events-calendar-lite'); ?></label>
841	- <div class="mec-col-4">
842	<select id="mec_gateways_wc_autoorder_complete" name="mec[settings][wc_autoorder_complete]">
843	<option value="1" <?php echo((isset($settings['wc_autoorder_complete']) and $settings['wc_autoorder_complete'] == '1') ? 'selected="selected"' : ''); ?>><?php _e('Enabled', 'modern-events-calendar-lite'); ?></option>
844	<option value="0" <?php echo((isset($settings['wc_autoorder_complete']) and $settings['wc_autoorder_complete'] == '0') ? 'selected="selected"' : ''); ?>><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
845	</select>
846	<span class="mec-tooltip">
847	- <div class="box ~~top~~">
848	<h5 class="title"><?php _e('Auto WooCommerce orders', 'modern-events-calendar-lite'); ?></h5>
849	<div class="content"><p><?php esc_attr_e('It applies only to the orders that are related to MEC.', 'modern-events-calendar-lite'); ?>
850	<a href="https://webnus.net/dox/modern-events-calendar/woocommerce/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
	@@ -855,7 +859,7 @@ $gateways_options = $this->main->get_gateways_options();
855	</div>
856	<div class="mec-form-row">
857	<label class="mec-col-3" for="mec_gateways_wc_after_add"><?php _e('After Add to Cart', 'modern-events-calendar-lite'); ?></label>
858	- <div class="mec-col-4">
859	<select id="mec_gateways_wc_after_add" name="mec[settings][wc_after_add]">
860	<option value="cart" <?php echo((isset($settings['wc_after_add']) and $settings['wc_after_add'] == 'cart') ? 'selected="selected"' : ''); ?>><?php _e('Redirect to Cart', 'modern-events-calendar-lite'); ?></option>
861	<option value="checkout" <?php echo((isset($settings['wc_after_add']) and $settings['wc_after_add'] == 'checkout') ? 'selected="selected"' : ''); ?>><?php _e('Redirect to Checkout', 'modern-events-calendar-lite'); ?></option>
	@@ -866,13 +870,13 @@ $gateways_options = $this->main->get_gateways_options();
866	</div>
867	<div class="mec-form-row">
868	<label class="mec-col-3" for="mec_gateways_wc_booking_form"><?php _e('MEC Booking Form', 'modern-events-calendar-lite'); ?></label>
869	- <div class="mec-col-4">
870	<select id="mec_gateways_wc_booking_form" name="mec[settings][wc_booking_form]">
871	<option value="0" <?php echo((isset($settings['wc_booking_form']) and $settings['wc_booking_form'] == '0') ? 'selected="selected"' : ''); ?>><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
872	<option value="1" <?php echo((isset($settings['wc_booking_form']) and $settings['wc_booking_form'] == '1') ? 'selected="selected"' : ''); ?>><?php _e('Enabled', 'modern-events-calendar-lite'); ?></option>
873	</select>
874	<span class="mec-tooltip">
875	- <div class="box ~~top~~">
876	<h5 class="title"><?php _e('Booking Form', 'modern-events-calendar-lite'); ?></h5>
877	<div class="content"><p><?php esc_attr_e('If enabled then users should fill the booking form in MEC and then they will be redirected to checkout.', 'modern-events-calendar-lite'); ?>
878	<a href="https://webnus.net/dox/modern-events-calendar/woocommerce/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
	@@ -897,7 +901,7 @@ $gateways_options = $this->main->get_gateways_options();
897	</ul>
898	</div>
899	<div class="mec-form-row" style="margin-top: 30px;">
900	- <div class="mec-col-4">
901	<label>
902	<input type="hidden" name="mec[gateways][op_status]" value="0" />
903	<input id="mec_gateways_op_status" value="1" type="checkbox" name="mec[gateways][op_status]" <?php if(isset($gateways_options['op_status']) and $gateways_options['op_status']) echo 'checked="checked"'; ?> /> <?php _e('Enable Organizer Payment Module', 'modern-events-calendar-lite'); ?>
	@@ -912,7 +916,7 @@ $gateways_options = $this->main->get_gateways_options();
912	</div>
913	</div>
914	<div class="mec-form-row">
915	- <div class="mec-col-4">
916	<label>
917	<input type="hidden" name="mec[gateways][gateways_per_event]" value="0" />
918	<input id="mec_gateways_op_status" value="1" type="checkbox" name="mec[gateways][gateways_per_event]" <?php if(isset($gateways_options['gateways_per_event']) and $gateways_options['gateways_per_event']) echo 'checked="checked"'; ?> /> <?php _e('Disable / Enable payment gateways per event', 'modern-events-calendar-lite'); ?>


101	<h5 class="title"><?php _e('Date Options', 'modern-events-calendar-lite'); ?></h5>
102	<div class="mec-form-row">
103	<label class="mec-col-3" for="mec_settings_booking_date_format1"><?php _e('Date Format', 'modern-events-calendar-lite'); ?></label>
104	+ <div class="mec-col-9">
105	<input type="text" id="mec_settings_booking_date_format1" name="mec[settings][booking_date_format1]" value="<?php echo ((isset($settings['booking_date_format1']) and trim($settings['booking_date_format1']) != '') ? $settings['booking_date_format1'] : 'Y-m-d'); ?>" />
106	<span class="mec-tooltip">
107	+ <div class="box left">
108	<h5 class="title"><?php _e('Date Format', 'modern-events-calendar-lite'); ?></h5>
109	<div class="content"><p><?php esc_attr_e("Default is Y-m-d", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
110	</div>

114	</div>
115	<div class="mec-form-row">
116	<label class="mec-col-3" for="mec_settings_booking_maximum_dates"><?php _e('Maximum Dates', 'modern-events-calendar-lite'); ?></label>
117	+ <div class="mec-col-9">
118	<input type="number" id="mec_settings_booking_maximum_dates" name="mec[settings][booking_maximum_dates]" value="<?php echo ((isset($settings['booking_maximum_dates']) and trim($settings['booking_maximum_dates']) != '') ? $settings['booking_maximum_dates'] : '6'); ?>" placeholder="<?php esc_attr_e('Default is 6', 'modern-events-calendar-lite'); ?>" min="1" />
119	</div>
120	</div>
121	<div class="mec-form-row">
122	<label class="mec-col-3" for="mec_settings_booking_date_selection"><?php _e('Date Selection', 'modern-events-calendar-lite'); ?></label>
123	+ <div class="mec-col-9">
124	<select id="mec_settings_booking_date_selection" name="mec[settings][booking_date_selection]">
125	<option value="dropdown" <?php echo ((!isset($settings['booking_date_selection']) or (isset($settings['booking_date_selection']) and $settings['booking_date_selection'] == 'dropdown')) ? 'selected="selected"' : ''); ?>><?php _e('Dropdown', 'modern-events-calendar-lite'); ?></option>
126	<option value="calendar" <?php echo ((isset($settings['booking_date_selection']) and $settings['booking_date_selection'] == 'calendar') ? 'selected="selected"' : ''); ?>><?php _e('Calendar', 'modern-events-calendar-lite'); ?></option>

130	<h5 class="title"><?php _e('Interval Options', 'modern-events-calendar-lite'); ?></h5>
131	<div class="mec-form-row">
132	<label class="mec-col-3" for="mec_settings_show_booking_form_interval"><?php _e('Show Booking Form Interval', 'modern-events-calendar-lite'); ?></label>
133	+ <div class="mec-col-9">
134	<input type="number" id="mec_settings_show_booking_form_interval" name="mec[settings][show_booking_form_interval]" value="<?php echo ((isset($settings['show_booking_form_interval']) and trim($settings['show_booking_form_interval']) != '0') ? $settings['show_booking_form_interval'] : '0'); ?>" placeholder="<?php esc_attr_e('Minutes (e.g 5)', 'modern-events-calendar-lite'); ?>" />
135	<span class="mec-tooltip">
136	+ <div class="box left">
137	<h5 class="title"><?php _e('Show Booking Form Interval', 'modern-events-calendar-lite'); ?></h5>
138	<div class="content"><p><?php esc_attr_e("You can show booking form only at certain times before event start. If you set this option to 30 then booking form will open only 30 minutes before starting the event! One day is 1440 minutes.", 'modern-events-calendar-lite'); ?></p></div>
139	</div>

143	</div>
144	<div class="mec-form-row">
145	<label class="mec-col-3" for="mec_settings_cancellation_period_from"><?php _e('Cancellation Period', 'modern-events-calendar-lite'); ?></label>
146	+ <div class="mec-col-9">
147	+ <div class="cancellation-period-box">
148	+ <input type="number" id="mec_settings_cancellation_period_from" name="mec[settings][cancellation_period_from]" value="<?php echo ((isset($settings['cancellation_period_from']) and trim($settings['cancellation_period_from']) != '') ? $settings['cancellation_period_from'] : ''); ?>" placeholder="<?php esc_attr_e('From e.g 48', 'modern-events-calendar-lite'); ?>" />
149	+ <input type="number" id="mec_settings_cancellation_period_time" name="mec[settings][cancellation_period_time]" value="<?php echo ((isset($settings['cancellation_period_time']) and trim($settings['cancellation_period_time']) != '') ? $settings['cancellation_period_time'] : ''); ?>" placeholder="<?php esc_attr_e('To e.g 24', 'modern-events-calendar-lite'); ?>" />
150	+ </div>
151	<select name="mec[settings][cancellation_period_p]" title="<?php esc_attr_e('Period', 'modern-events-calendar-lite'); ?>">
152	<option value="hour" <?php echo (isset($settings['cancellation_period_p']) and $settings['cancellation_period_p'] == 'hour') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Hour(s)', 'modern-events-calendar-lite'); ?></option>
153	<option value="day" <?php echo (isset($settings['cancellation_period_p']) and $settings['cancellation_period_p'] == 'day') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Day(s)', 'modern-events-calendar-lite'); ?></option>

156	<option value="before" <?php echo (isset($settings['cancellation_period_type']) and $settings['cancellation_period_type'] == 'before') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Before', 'modern-events-calendar-lite'); ?></option>
157	<option value="after" <?php echo (isset($settings['cancellation_period_type']) and $settings['cancellation_period_type'] == 'after') ? 'selected="selected"' : ''; ?>><?php esc_html_e('After', 'modern-events-calendar-lite'); ?></option>
158	</select>
159	+ <div>
160	+ <?php esc_html_e('Event Start', 'modern-events-calendar-lite'); ?>
161	+ <span class="mec-tooltip">
162	+ <div class="box left">
163	+ <h5 class="title"><?php _e('Cancellation Period', 'modern-events-calendar-lite'); ?></h5>
164	+ <div class="content"><p><?php esc_attr_e("You can restrict the ability to cancel bookings. Leave empty for cancellation at any time. For example if you insert 48 to 24 hours before event start then bookers are able to cancel their booking between this time and before or after that they're not able to do that.", 'modern-events-calendar-lite'); ?></p></div>
165	+ </div>
166	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
167	+ </span>
168	+ </div>
169	</div>
170	</div>
171	<h5 class="title"><?php _e('User Registration', 'modern-events-calendar-lite'); ?></h5>
172	<div class="mec-form-row">
173	<label class="mec-col-3" for="mec_settings_booking_registration"><?php _e('Registration', 'modern-events-calendar-lite'); ?></label>
174	+ <div class="mec-col-9">
175	<select id="mec_settings_booking_registration" name="mec[settings][booking_registration]" onchange="jQuery('#mec_settings_booking_registration_wrapper').toggleClass('w-hidden');">
176	<option <?php echo ((isset($settings['booking_registration']) and $settings['booking_registration'] == '1') ? 'selected="selected"' : ''); ?> value="1"><?php echo esc_html__('Enabled', 'modern-events-calendar-lite'); ?></option>
177	<option <?php echo ((isset($settings['booking_registration']) and $settings['booking_registration'] == '0') ? 'selected="selected"' : ''); ?> value="0"><?php echo esc_html__('Disabled', 'modern-events-calendar-lite'); ?></option>
178	</select>
179	<span class="mec-tooltip">
180	+ <div class="box left">
181	<h5 class="title"><?php _e('Registration', 'modern-events-calendar-lite'); ?></h5>
182	<div class="content"><p><?php esc_attr_e("If enabled MEC would create a WordPress User for main attendees. It's recommended to keep it enabled.", 'modern-events-calendar-lite'); ?></p></div>
183	</div>

188	<div id="mec_settings_booking_registration_wrapper" class="<?php echo (!isset($settings['booking_registration']) or (isset($settings['booking_registration']) and $settings['booking_registration'])) ? "" : "w-hidden"; ?>">
189	<div class="mec-form-row">
190	<label class="mec-col-3" for="mec_settings_booking_user_role"><?php _e('User Role', 'modern-events-calendar-lite'); ?></label>
191	+ <div class="mec-col-9">
192	<select id="mec_settings_booking_user_role" name="mec[settings][booking_user_role]">
193	<option value="">----</option>
194	<?php foreach($roles as $role => $r): ?>

196	<?php endforeach; ?>
197	</select>
198	<span class="mec-tooltip">
199	+ <div class="box left">
200	<h5 class="title"><?php _e('User Role', 'modern-events-calendar-lite'); ?></h5>
201	<div class="content"><p><?php esc_attr_e("MEC creates a user for main attendee after each booking. Default role of the user is subscriber but you can change it if needed.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
202	</div>

206	</div>
207	<div class="mec-form-row">
208	<label class="mec-col-3" for="mec_settings_booking_userpass"><?php _e('Username & Password', 'modern-events-calendar-lite'); ?></label>
209	+ <div class="mec-col-9">
210	<select id="mec_settings_booking_userpass" name="mec[settings][booking_userpass]">
211	<option value="auto" <?php echo ((isset($settings['booking_userpass']) and trim($settings['booking_userpass']) == 'auto') ? 'selected="selected"' : ''); ?>><?php echo esc_html__('Auto', 'modern-events-calendar-lite'); ?></option>
212	<option value="manual" <?php echo ((isset($settings['booking_userpass']) and trim($settings['booking_userpass']) == 'manual') ? 'selected="selected"' : ''); ?>><?php echo esc_html__('Manual', 'modern-events-calendar-lite'); ?></option>
213	</select>
214	<span class="mec-tooltip">
215	+ <div class="box left">
216	<h5 class="title"><?php _e('Username & Password', 'modern-events-calendar-lite'); ?></h5>
217	<div class="content"><p><?php esc_attr_e("If you set it to manual option then users can insert a username and password during the booking for registration otherwise MEC use their email and an auto generated password.", 'modern-events-calendar-lite'); ?></p></div>
218	</div>

225	<h5 class="mec-form-subtitle"><?php _e('Limitation', 'modern-events-calendar-lite'); ?></h5>
226	<div class="mec-form-row">
227	<label class="mec-col-3" for="mec_settings_booking_limit"><?php _e('Limit', 'modern-events-calendar-lite'); ?></label>
228	+ <div class="mec-col-9">
229	<input type="number" id="mec_settings_booking_limit" name="mec[settings][booking_limit]" value="<?php echo ((isset($settings['booking_limit']) and trim($settings['booking_limit']) != '') ? $settings['booking_limit'] : ''); ?>" placeholder="<?php esc_attr_e('Default is empty', 'modern-events-calendar-lite'); ?>" />
230	<span class="mec-tooltip">
231	+ <div class="box left">
232	<h5 class="title"><?php _e('Booking Limit', 'modern-events-calendar-lite'); ?></h5>
233	<div class="content"><p><?php esc_attr_e("Total tickets that a user can book. It is useful if you're providing free tickets. Leave it empty for unlimited booking.", 'modern-events-calendar-lite'); ?></p></div>
234	</div>

238	</div>
239	<div class="mec-form-row">
240	<label class="mec-col-3" for="mec_settings_booking_ip_restriction"><?php _e('IP restriction', 'modern-events-calendar-lite'); ?></label>
241	+ <div class="mec-col-9">
242	<select id="mec_settings_booking_ip_restriction" name="mec[settings][booking_ip_restriction]">
243	<option value="1" <?php echo ((isset($settings['booking_ip_restriction']) and trim($settings['booking_ip_restriction']) == 1) ? 'selected="selected"' : ''); ?>><?php echo esc_html__('Enabled', 'modern-events-calendar-lite'); ?></option>
244	<option value="0" <?php echo ((isset($settings['booking_ip_restriction']) and trim($settings['booking_ip_restriction']) == 0) ? 'selected="selected"' : ''); ?>><?php echo esc_html__('Disabled', 'modern-events-calendar-lite'); ?></option>
245	</select>
246	<span class="mec-tooltip">
247	+ <div class="box left">
248	<h5 class="title"><?php _e('IP restriction', 'modern-events-calendar-lite'); ?></h5>
249	<div class="content"><p><?php esc_attr_e("If you set limit for total tickets that users can book, MEC will use IP and email to prevent users to book high tickets. You can disable the IP restriction if you don't need it.", 'modern-events-calendar-lite'); ?></p></div>
250	</div>

254	</div>
255	<div class="mec-form-row">
256	<label class="mec-col-3" for="mec_settings_booking_lock_prefilled"><?php _e('Lock Pre-filled Fields', 'modern-events-calendar-lite'); ?></label>
257	+ <div class="mec-col-9">
258	<select id="mec_settings_booking_lock_prefilled" name="mec[settings][booking_lock_prefilled]">
259	<option value="0" <?php echo (isset($settings['booking_lock_prefilled']) and $settings['booking_lock_prefilled'] == '0') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Disabled', 'modern-events-calendar-lite'); ?></option>
260	<option value="1" <?php echo (isset($settings['booking_lock_prefilled']) and $settings['booking_lock_prefilled'] == '1') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Enabled', 'modern-events-calendar-lite'); ?></option>
261	<option value="2" <?php echo (isset($settings['booking_lock_prefilled']) and $settings['booking_lock_prefilled'] == '2') ? 'selected="selected"' : ''; ?>><?php esc_html_e('Enabled Only for Main Attendee', 'modern-events-calendar-lite'); ?></option>
262	</select>
263	<span class="mec-tooltip">
264	+ <div class="box left">
265	<h5 class="title"><?php _e('Lock Pre-filled Fields', 'modern-events-calendar-lite'); ?></h5>
266	<div class="content"><p><?php esc_attr_e("When users are logged in, name and email fields will be pre-filled but users can change them. If you enable the lock, then logged in users cannot change the pre-filled fields.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
267	</div>

272	<h5 class="mec-form-subtitle"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></h5>
273	<div class="mec-form-row">
274	<label class="mec-col-3" for="mec_settings_booking_thankyou_page"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></label>
275	+ <div class="mec-col-9">
276	<select id="mec_settings_booking_thankyou_page" name="mec[settings][booking_thankyou_page]">
277	<option value="">----</option>
278	<?php foreach($pages as $page): ?>

280	<?php endforeach; ?>
281	</select>
282	<span class="mec-tooltip">
283	+ <div class="box left">
284	<h5 class="title"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></h5>
285	<div class="content"><p><?php esc_attr_e("User redirects to this page after booking. Leave it empty if you want to disable it.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
286	</div>

290	</div>
291	<div class="mec-form-row">
292	<label class="mec-col-3" for="mec_settings_booking_thankyou_page_time"><?php _e('Thank You Page Time Interval', 'modern-events-calendar-lite'); ?></label>
293	+ <div class="mec-col-9">
294	<input type="number" id="mec_settings_booking_thankyou_page_time" name="mec[settings][booking_thankyou_page_time]" value="<?php echo ((isset($settings['booking_thankyou_page_time']) and trim($settings['booking_thankyou_page_time']) != '0') ? $settings['booking_thankyou_page_time'] : '2000'); ?>" placeholder="<?php esc_attr_e('2000 mean 2 seconds', 'modern-events-calendar-lite'); ?>" />
295	<span class="mec-tooltip">
296	+ <div class="box left">
297	<h5 class="title"><?php _e('Thank You Page Time Interval', 'modern-events-calendar-lite'); ?></h5>
298	<div class="content"><p><?php esc_attr_e("Waiting time before redirecting to thank you page. It's in miliseconds so 2000 means 2 seconds.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
299	</div>

310	<?php _e('Enable Express Attendees Form', 'modern-events-calendar-lite'); ?>
311	</label>
312	<span class="mec-tooltip">
313	+ <div class="box">
314	<h5 class="title"><?php _e('Attendees Form', 'modern-events-calendar-lite'); ?></h5>
315	<div class="content"><p><?php esc_attr_e("Apply the info from the first attendee to all purchased ticket by that user. Uncheck if you want every ticket to have its own attendee’s info.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
316	</div>

350	<?php _e('Enable Downloadable File', 'modern-events-calendar-lite'); ?>
351	</label>
352	<span class="mec-tooltip">
353	+ <div class="box">
354	<h5 class="title"><?php _e('Downloadable File', 'modern-events-calendar-lite'); ?></h5>
355	<div class="content"><p><?php esc_attr_e("By enabling this feature, You can upload a file for each event and bookers are able to download it after booking.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/booking/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
356	</div>

804	<h4 class="mec-form-subtitle"><?php _e('Upload Field Options', 'modern-events-calendar-lite'); ?></h4>
805	<div class="mec-form-row">
806	<label class="mec-col-3" for="mec_booking_form_upload_field_mime_types"><?php _e('Mime types', 'modern-events-calendar-lite'); ?></label>
807	+ <div class="mec-col-9">
808	<input type="text" id="mec_booking_form_upload_field_mime_types" name="mec[settings][upload_field_mime_types]" placeholder="jpeg,jpg,png,pdf" value="<?php echo ((isset($settings['upload_field_mime_types']) and trim($settings['upload_field_mime_types']) != '') ? $settings['upload_field_mime_types'] : ''); ?>" />
809	</div>
810	<p class="description"><?php echo __('Split mime types with ",".', 'modern-events-calendar-lite'); ?> <br /> <?php esc_attr_e("Default: jpeg,jpg,png,pdf", 'modern-events-calendar-lite'); ?></p>
811	</div>
812	<div class="mec-form-row">
813	<label class="mec-col-3" for="mec_booking_form_upload_field_max_upload_size"><?php _e('Maximum file size', 'modern-events-calendar-lite'); ?></label>
814	+ <div class="mec-col-9">
815	<input type="number" id="mec_booking_form_upload_field_max_upload_size" name="mec[settings][upload_field_max_upload_size]" value="<?php echo ((isset($settings['upload_field_max_upload_size']) and trim($settings['upload_field_max_upload_size']) != '') ? $settings['upload_field_max_upload_size'] : ''); ?>" />
816	</div>
817	<p class="description"><?php echo __('The unit is Megabyte "MB"', 'modern-events-calendar-lite'); ?></p>

842
843	<div class="mec-form-row" style="margin-top: 40px;">
844	<label class="mec-col-3" for="mec_gateways_wc_autoorder_complete"><?php _e('Automatically complete WooCommerce orders', 'modern-events-calendar-lite'); ?></label>
845	+ <div class="mec-col-9">
846	<select id="mec_gateways_wc_autoorder_complete" name="mec[settings][wc_autoorder_complete]">
847	<option value="1" <?php echo((isset($settings['wc_autoorder_complete']) and $settings['wc_autoorder_complete'] == '1') ? 'selected="selected"' : ''); ?>><?php _e('Enabled', 'modern-events-calendar-lite'); ?></option>
848	<option value="0" <?php echo((isset($settings['wc_autoorder_complete']) and $settings['wc_autoorder_complete'] == '0') ? 'selected="selected"' : ''); ?>><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
849	</select>
850	<span class="mec-tooltip">
851	+ <div class="box left">
852	<h5 class="title"><?php _e('Auto WooCommerce orders', 'modern-events-calendar-lite'); ?></h5>
853	<div class="content"><p><?php esc_attr_e('It applies only to the orders that are related to MEC.', 'modern-events-calendar-lite'); ?>
854	<a href="https://webnus.net/dox/modern-events-calendar/woocommerce/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>

859	</div>
860	<div class="mec-form-row">
861	<label class="mec-col-3" for="mec_gateways_wc_after_add"><?php _e('After Add to Cart', 'modern-events-calendar-lite'); ?></label>
862	+ <div class="mec-col-9">
863	<select id="mec_gateways_wc_after_add" name="mec[settings][wc_after_add]">
864	<option value="cart" <?php echo((isset($settings['wc_after_add']) and $settings['wc_after_add'] == 'cart') ? 'selected="selected"' : ''); ?>><?php _e('Redirect to Cart', 'modern-events-calendar-lite'); ?></option>
865	<option value="checkout" <?php echo((isset($settings['wc_after_add']) and $settings['wc_after_add'] == 'checkout') ? 'selected="selected"' : ''); ?>><?php _e('Redirect to Checkout', 'modern-events-calendar-lite'); ?></option>

870	</div>
871	<div class="mec-form-row">
872	<label class="mec-col-3" for="mec_gateways_wc_booking_form"><?php _e('MEC Booking Form', 'modern-events-calendar-lite'); ?></label>
873	+ <div class="mec-col-9">
874	<select id="mec_gateways_wc_booking_form" name="mec[settings][wc_booking_form]">
875	<option value="0" <?php echo((isset($settings['wc_booking_form']) and $settings['wc_booking_form'] == '0') ? 'selected="selected"' : ''); ?>><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
876	<option value="1" <?php echo((isset($settings['wc_booking_form']) and $settings['wc_booking_form'] == '1') ? 'selected="selected"' : ''); ?>><?php _e('Enabled', 'modern-events-calendar-lite'); ?></option>
877	</select>
878	<span class="mec-tooltip">
879	+ <div class="box left">
880	<h5 class="title"><?php _e('Booking Form', 'modern-events-calendar-lite'); ?></h5>
881	<div class="content"><p><?php esc_attr_e('If enabled then users should fill the booking form in MEC and then they will be redirected to checkout.', 'modern-events-calendar-lite'); ?>
882	<a href="https://webnus.net/dox/modern-events-calendar/woocommerce/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>

901	</ul>
902	</div>
903	<div class="mec-form-row" style="margin-top: 30px;">
904	+ <div class="mec-col-12">
905	<label>
906	<input type="hidden" name="mec[gateways][op_status]" value="0" />
907	<input id="mec_gateways_op_status" value="1" type="checkbox" name="mec[gateways][op_status]" <?php if(isset($gateways_options['op_status']) and $gateways_options['op_status']) echo 'checked="checked"'; ?> /> <?php _e('Enable Organizer Payment Module', 'modern-events-calendar-lite'); ?>

916	</div>
917	</div>
918	<div class="mec-form-row">
919	+ <div class="mec-col-12">
920	<label>
921	<input type="hidden" name="mec[gateways][gateways_per_event]" value="0" />
922	<input id="mec_gateways_op_status" value="1" type="checkbox" name="mec[gateways][gateways_per_event]" <?php if(isset($gateways_options['gateways_per_event']) and $gateways_options['gateways_per_event']) echo 'checked="checked"'; ?> /> <?php _e('Disable / Enable payment gateways per event', 'modern-events-calendar-lite'); ?>

app/features/mec/dyncss.php CHANGED Viewed

@@ -229,6 +229,101 @@ if (isset($styling['disable_fluent_height_limitation']) && $styling['disable_flu
             	<?php
+            }
             /**
+             *
              * Fluent-view Layout Color Styles


229	<?php
230	}
231
232	+ /**
233	+ *
234	+ * Frontend Event Submission Layout Color Styles
235	+ *
236	+ */
237	+ // Main Color
238	+ $fes_main_color = '#40d9f1';
239	+ if (isset($styling['fes_color']) && $styling['fes_color']) {
240	+ $fes_main_color = $styling['fes_color'];
241	+ list($fes_main_color_r, $fes_main_color_g, $fes_main_color_b) = sscanf($fes_main_color, "#%02x%02x%02x");
242	+ ?>
243	+ /* FES Main Color */
244	+ .mec-fes-form #mec_bfixed_form_field_types .button:before, .mec-fes-form #mec_reg_form_field_types .button:before, .mec-fes-form #mec_bfixed_form_field_types .button, .mec-fes-form #mec_reg_form_field_types .button, .mec-fes-form #mec_meta_box_tickets_form [id^=mec_ticket_row] .mec_add_price_date_button, .mec-fes-form .mec-meta-box-fields h4, .mec-fes-form .html-active .switch-html, .mec-fes-form .tmce-active .switch-tmce, .mec-fes-form .wp-editor-tabs .wp-switch-editor:active, .mec-fes-form .mec-form-row .button:not(.wp-color-result), .mec-fes-form .mec-title span.mec-dashicons, .mec-fes-form .mec-form-row .quicktags-toolbar input.button.button-small, .mec-fes-list ul li a:hover, .mec-fes-form input[type=file] {
245	+ color: <?php echo $fes_main_color; ?>;
246	+ }
247	+
248	+ .mec-fes-form #mec_reg_form_field_types .button.red:before, .mec-fes-form #mec_reg_form_field_types .button.red {
249	+ border-color: #ffd2dd;
250	+ color: #ea6485;
251	+ }
252	+
253	+ .mec-fes-form #mec_reg_form_field_types .button.red:hover, .mec-fes-form #mec_reg_form_field_types .button.red:before, .mec-fes-form #mec_reg_form_field_types .button:hover, .mec-fes-form #mec_bfixed_form_field_types .button:hover:before, .mec-fes-form #mec_reg_form_field_types .button:hover:before, .mec-fes-form #mec_bfixed_form_field_types .button:hover, .mec-fes-form .mec-form-row .button:not(.wp-color-result):hover {
254	+ color: #fff;
255	+ }
256	+
257	+ .mec-fes-form #mec_reg_form_field_types .button.red:hover, .mec-fes-form #mec_reg_form_field_types .button:hover, .mec-fes-list ul li .mec-fes-event-export a:hover, .mec-fes-list ul li .mec-fes-event-view a:hover, .mec-fes-form button[type=submit].mec-fes-sub-button, .mec-fes-form .mec-form-row .button:not(.wp-color-result):hover {
258	+ background: <?php echo $fes_main_color; ?>;
259	+ }
260	+
261	+ .mec-fes-form #mec_reg_form_field_types .button.red:hover, .mec-fes-form #mec_bfixed_form_fields input[type=checkbox]:hover, .mec-fes-form #mec_bfixed_form_fields input[type=radio]:hover, .mec-fes-form #mec_reg_form_fields input[type=checkbox]:hover, .mec-fes-form #mec_reg_form_fields input[type=radio]:hover, .mec-fes-form input[type=checkbox]:hover, .mec-fes-form input[type=radio]:hover, .mec-fes-form #mec_reg_form_field_types .button:hover, .mec-fes-form .mec-form-row .button:not(.wp-color-result):hover, .mec-fes-list ul li .mec-fes-event-export a:hover, .mec-fes-list ul li .mec-fes-event-view a:hover, .mec-fes-form input[type=file] {
262	+ border-color: <?php echo $fes_main_color; ?>;
263	+ }
264	+
265	+ .mec-fes-form button[type=submit].mec-fes-sub-button {
266	+ box-shadow: 0 2px 8px -4px <?php echo $fes_main_color; ?>;
267	+ }
268	+
269	+ .mec-fes-form button[type=submit].mec-fes-sub-button:hover {
270	+ box-shadow: 0 2px 12px -2px <?php echo $fes_main_color; ?>;
271	+ }
272	+
273	+ .mec-fes-form, .mec-fes-list, .mec-fes-form .html-active .switch-html, .mec-fes-form .tmce-active .switch-tmce, .mec-fes-form .wp-editor-tabs .wp-switch-editor:active {
274	+ background: rgba<?php echo '(' . $fes_main_color_r . ', ' . $fes_main_color_g . ', ' . $fes_main_color_b . ', ' . '0.12)'; ?>;
275	+ }
276	+
277	+ .mec-fes-form .mec-meta-box-fields h4, .mec-fes-form .quicktags-toolbar, .mec-fes-form div.mce-toolbar-grp {
278	+ background: rgba<?php echo '(' . $fes_main_color_r . ', ' . $fes_main_color_g . ', ' . $fes_main_color_b . ', ' . '0.23)'; ?>;
279	+ }
280	+
281	+ .mec-fes-form ul#mec_bfixed_form_fields li, .mec-fes-form ul#mec_reg_form_fields li, .mec-fes-form ul#mec_bfixed_form_fields li, .mec-fes-form ul#mec_reg_form_fields li {
282	+ background: rgba<?php echo '(' . $fes_main_color_r . ', ' . $fes_main_color_g . ', ' . $fes_main_color_b . ', ' . '0.03)'; ?>;
283	+ }
284	+
285	+ .mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox, .mec-fes-form ul#mec_bfixed_form_fields li, .mec-fes-form ul#mec_reg_form_fields li, .mec-fes-form ul#mec_bfixed_form_fields li, .mec-fes-form ul#mec_reg_form_fields li, .mec-fes-form #mec_bfixed_form_fields input[type=checkbox], .mec-fes-form #mec_bfixed_form_fields input[type=radio], .mec-fes-form #mec_reg_form_fields input[type=checkbox], .mec-fes-form #mec_reg_form_fields input[type=radio], .mec-fes-form input[type=checkbox], .mec-fes-form input[type=radio], .mec-fes-form #mec-event-data input[type=date], .mec-fes-form input[type=email], .mec-fes-form input[type=number], .mec-fes-form input[type=password], .mec-fes-form input[type=tel], .mec-fes-form input[type=text], .mec-fes-form input[type=url], .mec-fes-form select, .mec-fes-form textarea, .mec-fes-list ul li, .mec-fes-form .quicktags-toolbar, .mec-fes-form div.mce-toolbar-grp, .mec-fes-form .mce-tinymce.mce-container.mce-panel, .mec-fes-form #mec_meta_box_tickets_form [id^=mec_ticket_row] .mec_add_price_date_button, .mec-fes-form #mec_bfixed_form_field_types .button, .mec-fes-form #mec_reg_form_field_types .button, .mec-fes-form .mec-meta-box-fields, .mec-fes-form .wp-editor-tabs .wp-switch-editor, .mec-fes-form .mec-form-row .button:not(.wp-color-result) {
286	+ border-color: rgba<?php echo '(' . $fes_main_color_r . ', ' . $fes_main_color_g . ', ' . $fes_main_color_b . ', ' . '0.3)'; ?>;
287	+ }
288	+
289	+ .mec-fes-form #mec-event-data input[type=date], .mec-fes-form input[type=email], .mec-fes-form input[type=number], .mec-fes-form input[type=password], .mec-fes-form input[type=tel], .mec-fes-form input[type=text], .mec-fes-form input[type=url], .mec-fes-form select, .mec-fes-form textarea {
290	+ box-shadow: 0 2px 5px rgb<?php echo '(' . $fes_main_color_r . ' ' . $fes_main_color_g . ' ' . $fes_main_color_b . ' / ' . '7%)'; ?> inset;
291	+ }
292	+
293	+ .mec-fes-list ul li, .mec-fes-form .mec-form-row .button:not(.wp-color-result) {
294	+ box-shadow: 0 2px 6px -4px rgba<?php echo '(' . $fes_main_color_r . ', ' . $fes_main_color_g . ', ' . $fes_main_color_b . ', ' . '0.2)'; ?>;
295	+ }
296	+
297	+ .mec-fes-form #mec_bfixed_form_field_types .button, .mec-fes-form #mec_reg_form_field_types .button, .mec-fes-form .mec-meta-box-fields {
298	+ box-shadow: 0 2px 6px -3px rgba<?php echo '(' . $fes_main_color_r . ', ' . $fes_main_color_g . ', ' . $fes_main_color_b . ', ' . '0.2)'; ?>;
299	+ }
300	+
301	+ .mec-fes-form #mec_meta_box_tickets_form [id^=mec_ticket_row] .mec_add_price_date_button, .mec-fes-form .mce-tinymce.mce-container.mce-panel, .mec-fes-form .mec-form-row .button:not(.wp-color-result):hover {
302	+ box-shadow: 0 2px 6px -3px <?php echo $fes_main_color; ?>;
303	+ }
304	+
305	+ .mec-fes-form .quicktags-toolbar, .mec-fes-form div.mce-toolbar-grp {
306	+ box-shadow: 0 1px 0 1px rgba<?php echo '(' . $fes_main_color_r . ', ' . $fes_main_color_g . ', ' . $fes_main_color_b . ', ' . '0.2)'; ?>;
307	+ }
308	+
309	+ .mec-fes-form #mec_bfixed_form_fields input[type=checkbox], .mec-fes-form #mec_bfixed_form_fields input[type=radio], .mec-fes-form #mec_reg_form_fields input[type=checkbox], .mec-fes-form #mec_reg_form_fields input[type=radio], .mec-fes-form input[type=checkbox], .mec-fes-form input[type=radio] {
310	+ box-shadow: 0 1px 3px -1px rgba<?php echo '(' . $fes_main_color_r . ', ' . $fes_main_color_g . ', ' . $fes_main_color_b . ', ' . '0.2)'; ?>;
311	+ }
312	+
313	+ .mec-fes-form #mec_bfixed_form_fields input[type=checkbox]:checked, .mec-fes-form #mec_bfixed_form_fields input[type=radio]:checked, .mec-fes-form #mec_reg_form_fields input[type=checkbox]:checked, .mec-fes-form #mec_reg_form_fields input[type=radio]:checked, .mec-fes-form .mec-form-row input[type=checkbox]:checked, .mec-fes-form .mec-form-row input[type=radio]:checked {
314	+ box-shadow: 0 1px 6px -2px <?php echo $fes_main_color; ?>;
315	+ border-color: <?php echo $fes_main_color; ?>;
316	+ background: <?php echo $fes_main_color; ?> !important;
317	+ }
318	+
319	+ .mec-fes-form .mec-available-color-row span.color-selected {
320	+ box-shadow: 0 0 0 2px <?php echo $fes_main_color; ?>, 0 2px 8px -1px <?php echo $fes_main_color; ?>;
321	+ }
322	+
323	+ <?php
324	+ }
325	+
326	+
327	/**
328	*
329	* Fluent-view Layout Color Styles

app/features/mec/meta_boxes/display_options.php CHANGED Viewed

@@ -65,15 +65,22 @@ $events = $this->main->get_events();
                             </div>
                             <!-- Start Maximum Date -->
                             <div class="mec-form-row">
-            -
                                <label class="mec-col-4" for="mec_skin_list_maximum_date_range"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></label>
-            -
                                <input type="text" class="mec-col-4 mec_date_picker" name="mec[sk-options][list][maximum_date_range]" value="<?php echo isset($sk_options_list['maximum_date_range']) ? esc_attr($sk_options_list['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
-            -
                                <span class="mec-tooltip">
-            -
                                    <div class="box top">
-            -
                                        <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
-            -
                                        <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                    </div>
-            -
                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                </span>
                             </div>
                             <!-- End Maximum Date -->
                             <div class="mec-form-row mec-skin-list-date-format-container <?php if(isset($sk_options_list['style']) and $sk_options_list['style'] != 'classic') echo 'mec-util-hidden'; ?>" id="mec_skin_list_date_format_classic_container">
@@ -311,15 +318,22 @@ $events = $this->main->get_events();
                             </div>
                             <!-- Start Maximum Date -->
                             <div class="mec-form-row">
-            -
                                <label class="mec-col-4" for="mec_skin_grid_maximum_date_range"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></label>
-            -
                                <input type="text" class="mec-col-4 mec_date_picker" name="mec[sk-options][grid][maximum_date_range]" value="<?php echo isset($sk_options_grid['maximum_date_range']) ? esc_attr($sk_options_grid['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
-            -
                                <span class="mec-tooltip">
-            -
                                    <div class="box top">
-            -
                                        <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
-            -
                                        <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                    </div>
-            -
                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                </span>
                             </div>
                             <!-- End Maximum Date -->
                             <div class="mec-form-row mec-skin-grid-date-format-container <?php if(isset($sk_options_grid['style']) and $sk_options_grid['style'] != 'classic') echo 'mec-util-hidden'; ?>" id="mec_skin_grid_date_format_classic_container">
@@ -568,15 +582,22 @@ $events = $this->main->get_events();
                             </div>
                             <!-- Start Maximum Date -->
                             <div class="mec-form-row">
-            -
                                <label class="mec-col-4" for="mec_skin_agenda_maximum_date_range"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></label>
-            -
                                <input type="text" class="mec-col-4 mec_date_picker" name="mec[sk-options][agenda][maximum_date_range]" value="<?php echo isset($sk_options_agenda['maximum_date_range']) ? esc_attr($sk_options_agenda['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
-            -
                                <span class="mec-tooltip">
-            -
                                    <div class="box top">
-            -
                                        <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
-            -
                                        <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                    </div>
-            -
                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                </span>
                             </div>
                             <!-- End Maximum Date -->
                             <div class="mec-form-row mec-skin-agenda-date-format-container <?php if(isset($sk_options_agenda['style']) and $sk_options_agenda['style'] != 'clean') echo 'mec-util-hidden'; ?>" id="mec_skin_agenda_date_format_clean_container">
@@ -1441,15 +1462,22 @@ $events = $this->main->get_events();
                             </div>
                             <!-- Start Maximum Date -->
                             <div class="mec-form-row">
-            -
                                <label class="mec-col-4" for="mec_skin_masonry_maximum_date_range"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></label>
-            -
                                <input type="text" class="mec-col-4 mec_date_picker" name="mec[sk-options][masonry][maximum_date_range]" value="<?php echo isset($sk_options_masonry['maximum_date_range']) ? esc_attr($sk_options_masonry['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
-            -
                                <span class="mec-tooltip">
-            -
                                    <div class="box top">
-            -
                                        <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
-            -
                                        <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                    </div>
-            -
                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                </span>
                             </div>
                             <!-- End Maximum Date -->
                             <div class="mec-form-row mec-skin-masonry-date-format-container">
@@ -2154,15 +2182,22 @@ $events = $this->main->get_events();
                             </div>
                             <!-- Start Maximum Date -->
                             <div class="mec-form-row">
-            -
                                <label class="mec-col-4" for="mec_skin_timeline_maximum_date_range"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></label>
-            -
                                <input type="text" class="mec-col-4 mec_date_picker" name="mec[sk-options][timeline][maximum_date_range]" value="<?php echo isset($sk_options_timeline['maximum_date_range']) ? esc_attr($sk_options_timeline['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
-            -
                                <span class="mec-tooltip">
-            -
                                    <div class="box top">
-            -
                                        <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
-            -
                                        <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                    </div>
-            -
                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                </span>
                             </div>
                             <!-- End Maximum Date -->
                             <div class="mec-form-row">


65	</div>
66	<!-- Start Maximum Date -->
67	<div class="mec-form-row">
68	+ <label class="mec-col-4" for="mec_skin_list_end_date_type"><?php _e('End Date', 'modern-events-calendar-lite'); ?></label>
69	+ <select class="mec-col-4 wn-mec-select" name="mec[sk-options][list][end_date_type]" id="mec_skin_list_end_date_type" onchange="if(this.value === 'date') jQuery('#mec_skin_list_end_date_container').show(); else jQuery('#mec_skin_list_end_date_container').hide();">
70	+ <option value="date" <?php if(isset($sk_options_list['end_date_type']) and $sk_options_list['end_date_type'] == 'date') echo 'selected="selected"'; ?>><?php _e('On a certain date', 'modern-events-calendar-lite'); ?></option>
71	+ <option value="today" <?php if(isset($sk_options_list['end_date_type']) and $sk_options_list['end_date_type'] == 'today') echo 'selected="selected"'; ?>><?php _e('Today', 'modern-events-calendar-lite'); ?></option>
72	+ <option value="tomorrow" <?php if(isset($sk_options_list['end_date_type']) and $sk_options_list['end_date_type'] == 'tomorrow') echo 'selected="selected"'; ?>><?php _e('Tomorrow', 'modern-events-calendar-lite'); ?></option>
73	+ </select>
74	+ <div class="mec-col-4 <?php echo (!isset($sk_options_list['end_date_type']) or (isset($sk_options_list['end_date_type']) and $sk_options_list['end_date_type'] == 'date')) ? '' : 'mec-util-hidden'; ?>" id="mec_skin_list_end_date_container">
75	+ <input type="text" class="mec_date_picker" name="mec[sk-options][list][maximum_date_range]" value="<?php echo isset($sk_options_list['maximum_date_range']) ? esc_attr($sk_options_list['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
76	+ <span class="mec-tooltip">
77	+ <div class="box top">
78	+ <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
79	+ <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
80	+ </div>
81	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
82	+ </span>
83	+ </div>
84	</div>
85	<!-- End Maximum Date -->
86	<div class="mec-form-row mec-skin-list-date-format-container <?php if(isset($sk_options_list['style']) and $sk_options_list['style'] != 'classic') echo 'mec-util-hidden'; ?>" id="mec_skin_list_date_format_classic_container">

318	</div>
319	<!-- Start Maximum Date -->
320	<div class="mec-form-row">
321	+ <label class="mec-col-4" for="mec_skin_grid_end_date_type"><?php _e('End Date', 'modern-events-calendar-lite'); ?></label>
322	+ <select class="mec-col-4 wn-mec-select" name="mec[sk-options][grid][end_date_type]" id="mec_skin_grid_end_date_type" onchange="if(this.value === 'date') jQuery('#mec_skin_grid_end_date_container').show(); else jQuery('#mec_skin_grid_end_date_container').hide();">
323	+ <option value="date" <?php if(isset($sk_options_grid['end_date_type']) and $sk_options_grid['end_date_type'] == 'date') echo 'selected="selected"'; ?>><?php _e('On a certain date', 'modern-events-calendar-lite'); ?></option>
324	+ <option value="today" <?php if(isset($sk_options_grid['end_date_type']) and $sk_options_grid['end_date_type'] == 'today') echo 'selected="selected"'; ?>><?php _e('Today', 'modern-events-calendar-lite'); ?></option>
325	+ <option value="tomorrow" <?php if(isset($sk_options_grid['end_date_type']) and $sk_options_grid['end_date_type'] == 'tomorrow') echo 'selected="selected"'; ?>><?php _e('Tomorrow', 'modern-events-calendar-lite'); ?></option>
326	+ </select>
327	+ <div class="mec-col-4 <?php echo (!isset($sk_options_grid['end_date_type']) or (isset($sk_options_grid['end_date_type']) and $sk_options_grid['end_date_type'] == 'date')) ? '' : 'mec-util-hidden'; ?>" id="mec_skin_grid_end_date_container">
328	+ <input type="text" class="mec_date_picker" name="mec[sk-options][grid][maximum_date_range]" value="<?php echo isset($sk_options_grid['maximum_date_range']) ? esc_attr($sk_options_grid['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
329	+ <span class="mec-tooltip">
330	+ <div class="box top">
331	+ <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
332	+ <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
333	+ </div>
334	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
335	+ </span>
336	+ </div>
337	</div>
338	<!-- End Maximum Date -->
339	<div class="mec-form-row mec-skin-grid-date-format-container <?php if(isset($sk_options_grid['style']) and $sk_options_grid['style'] != 'classic') echo 'mec-util-hidden'; ?>" id="mec_skin_grid_date_format_classic_container">

582	</div>
583	<!-- Start Maximum Date -->
584	<div class="mec-form-row">
585	+ <label class="mec-col-4" for="mec_skin_agenda_end_date_type"><?php _e('End Date', 'modern-events-calendar-lite'); ?></label>
586	+ <select class="mec-col-4 wn-mec-select" name="mec[sk-options][agenda][end_date_type]" id="mec_skin_agenda_end_date_type" onchange="if(this.value === 'date') jQuery('#mec_skin_agenda_end_date_container').show(); else jQuery('#mec_skin_agenda_end_date_container').hide();">
587	+ <option value="date" <?php if(isset($sk_options_agenda['end_date_type']) and $sk_options_agenda['end_date_type'] == 'date') echo 'selected="selected"'; ?>><?php _e('On a certain date', 'modern-events-calendar-lite'); ?></option>
588	+ <option value="today" <?php if(isset($sk_options_agenda['end_date_type']) and $sk_options_agenda['end_date_type'] == 'today') echo 'selected="selected"'; ?>><?php _e('Today', 'modern-events-calendar-lite'); ?></option>
589	+ <option value="tomorrow" <?php if(isset($sk_options_agenda['end_date_type']) and $sk_options_agenda['end_date_type'] == 'tomorrow') echo 'selected="selected"'; ?>><?php _e('Tomorrow', 'modern-events-calendar-lite'); ?></option>
590	+ </select>
591	+ <div class="mec-col-4 <?php echo (!isset($sk_options_agenda['end_date_type']) or (isset($sk_options_agenda['end_date_type']) and $sk_options_agenda['end_date_type'] == 'date')) ? '' : 'mec-util-hidden'; ?>" id="mec_skin_agenda_end_date_container">
592	+ <input type="text" class="mec_date_picker" name="mec[sk-options][agenda][maximum_date_range]" value="<?php echo isset($sk_options_agenda['maximum_date_range']) ? esc_attr($sk_options_agenda['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
593	+ <span class="mec-tooltip">
594	+ <div class="box top">
595	+ <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
596	+ <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
597	+ </div>
598	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
599	+ </span>
600	+ </div>
601	</div>
602	<!-- End Maximum Date -->
603	<div class="mec-form-row mec-skin-agenda-date-format-container <?php if(isset($sk_options_agenda['style']) and $sk_options_agenda['style'] != 'clean') echo 'mec-util-hidden'; ?>" id="mec_skin_agenda_date_format_clean_container">

1462	</div>
1463	<!-- Start Maximum Date -->
1464	<div class="mec-form-row">
1465	+ <label class="mec-col-4" for="mec_skin_masonry_end_date_type"><?php _e('End Date', 'modern-events-calendar-lite'); ?></label>
1466	+ <select class="mec-col-4 wn-mec-select" name="mec[sk-options][masonry][end_date_type]" id="mec_skin_masonry_end_date_type" onchange="if(this.value === 'date') jQuery('#mec_skin_masonry_end_date_container').show(); else jQuery('#mec_skin_masonry_end_date_container').hide();">
1467	+ <option value="date" <?php if(isset($sk_options_masonry['end_date_type']) and $sk_options_masonry['end_date_type'] == 'date') echo 'selected="selected"'; ?>><?php _e('On a certain date', 'modern-events-calendar-lite'); ?></option>
1468	+ <option value="today" <?php if(isset($sk_options_masonry['end_date_type']) and $sk_options_masonry['end_date_type'] == 'today') echo 'selected="selected"'; ?>><?php _e('Today', 'modern-events-calendar-lite'); ?></option>
1469	+ <option value="tomorrow" <?php if(isset($sk_options_masonry['end_date_type']) and $sk_options_masonry['end_date_type'] == 'tomorrow') echo 'selected="selected"'; ?>><?php _e('Tomorrow', 'modern-events-calendar-lite'); ?></option>
1470	+ </select>
1471	+ <div class="mec-col-4 <?php echo (!isset($sk_options_masonry['end_date_type']) or (isset($sk_options_masonry['end_date_type']) and $sk_options_masonry['end_date_type'] == 'date')) ? '' : 'mec-util-hidden'; ?>" id="mec_skin_masonry_end_date_container">
1472	+ <input type="text" class="mec_date_picker" name="mec[sk-options][masonry][maximum_date_range]" value="<?php echo isset($sk_options_masonry['maximum_date_range']) ? esc_attr($sk_options_masonry['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
1473	+ <span class="mec-tooltip">
1474	+ <div class="box top">
1475	+ <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
1476	+ <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
1477	+ </div>
1478	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1479	+ </span>
1480	+ </div>
1481	</div>
1482	<!-- End Maximum Date -->
1483	<div class="mec-form-row mec-skin-masonry-date-format-container">

2182	</div>
2183	<!-- Start Maximum Date -->
2184	<div class="mec-form-row">
2185	+ <label class="mec-col-4" for="mec_skin_timeline_end_date_type"><?php _e('End Date', 'modern-events-calendar-lite'); ?></label>
2186	+ <select class="mec-col-4 wn-mec-select" name="mec[sk-options][timeline][end_date_type]" id="mec_skin_timeline_end_date_type" onchange="if(this.value === 'date') jQuery('#mec_skin_timeline_end_date_container').show(); else jQuery('#mec_skin_timeline_end_date_container').hide();">
2187	+ <option value="date" <?php if(isset($sk_options_timeline['end_date_type']) and $sk_options_timeline['end_date_type'] == 'date') echo 'selected="selected"'; ?>><?php _e('On a certain date', 'modern-events-calendar-lite'); ?></option>
2188	+ <option value="today" <?php if(isset($sk_options_timeline['end_date_type']) and $sk_options_timeline['end_date_type'] == 'today') echo 'selected="selected"'; ?>><?php _e('Today', 'modern-events-calendar-lite'); ?></option>
2189	+ <option value="tomorrow" <?php if(isset($sk_options_timeline['end_date_type']) and $sk_options_timeline['end_date_type'] == 'tomorrow') echo 'selected="selected"'; ?>><?php _e('Tomorrow', 'modern-events-calendar-lite'); ?></option>
2190	+ </select>
2191	+ <div class="mec-col-4 <?php echo (!isset($sk_options_timeline['end_date_type']) or (isset($sk_options_timeline['end_date_type']) and $sk_options_timeline['end_date_type'] == 'date')) ? '' : 'mec-util-hidden'; ?>" id="mec_skin_timeline_end_date_container">
2192	+ <input type="text" class="mec_date_picker" name="mec[sk-options][timeline][maximum_date_range]" value="<?php echo isset($sk_options_timeline['maximum_date_range']) ? esc_attr($sk_options_timeline['maximum_date_range']) : ''; ?>" placeholder="<?php _e('Maximum Date', 'modern-events-calendar-lite'); ?>" autocomplete="off" />
2193	+ <span class="mec-tooltip">
2194	+ <div class="box top">
2195	+ <h5 class="title"><?php _e('Maximum Date', 'modern-events-calendar-lite'); ?></h5>
2196	+ <div class="content"><p><?php _e('Show events before the specified date.', 'modern-events-calendar-lite'); ?></p></div>
2197	+ </div>
2198	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
2199	+ </span>
2200	+ </div>
2201	</div>
2202	<!-- End Maximum Date -->
2203	<div class="mec-form-row">

app/features/mec/modules.php CHANGED Viewed

	@@ -56,7 +56,6 @@ $pages = get_pages();
56
57	<div id="googlemap_option" class="mec-options-fields">
58	<h4 class="mec-form-subtitle"><?php _e('Map Options', 'modern-events-calendar-lite'); ?></h4>
59	-
60	<?php if(!$this->main->getPRO()): ?>
61	<div class="info-msg"><?php echo sprintf(__("%s is required to use this feature.", 'modern-events-calendar-lite'), '<a href="'.$this->main->get_pro_link().'" target="_blank">'.__('Pro version of Modern Events Calendar', 'modern-events-calendar-lite').'</a>'); ?></div>
62	<?php else: ?>
	@@ -69,10 +68,10 @@ $pages = get_pages();
69	<div id="mec_google_maps_container_toggle" class="<?php if((isset($settings['google_maps_status']) and !$settings['google_maps_status']) or !isset($settings['google_maps_status'])) echo 'mec-util-hidden'; ?>">
70	<div class="mec-form-row">
71	<label class="mec-col-3" for="mec_settings_google_maps_api_key"><?php _e('Google Maps API Key', 'modern-events-calendar-lite'); ?></label>
72	- <div class="mec-col-4">
73	<input type="text" id="mec_settings_google_maps_api_key" name="mec[settings][google_maps_api_key]" value="<?php echo ((isset($settings['google_maps_api_key']) and trim($settings['google_maps_api_key']) != '') ? $settings['google_maps_api_key'] : ''); ?>" />
74	<span class="mec-tooltip">
75	- <div class="box">
76	<h5 class="title"><?php _e('Google Map Options', 'modern-events-calendar-lite'); ?></h5>
77	<div class="content"><p><?php esc_attr_e("Required!", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/google-maps-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
78	</div>
	@@ -82,14 +81,14 @@ $pages = get_pages();
82	</div>
83	<div class="mec-form-row">
84	<label class="mec-col-3"><?php _e('Zoom level', 'modern-events-calendar-lite'); ?></label>
85	- <div class="mec-col-4">
86	<select name="mec[settings][google_maps_zoomlevel]">
87	<?php for($i = 5; $i <= 21; $i++): ?>
88	<option value="<?php echo $i; ?>" <?php if(isset($settings['google_maps_zoomlevel']) and $settings['google_maps_zoomlevel'] == $i) echo 'selected="selected"'; ?>><?php echo $i; ?></option>
89	<?php endfor; ?>
90	</select>
91	<span class="mec-tooltip">
92	- <div class="box">
93	<h5 class="title"><?php _e('Zoom level', 'modern-events-calendar-lite'); ?></h5>
94	<div class="content"><p><?php esc_attr_e("For Google Maps module in single event page. In Google Maps skin, it will calculate the zoom level automatically based on event boundaries.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/google-maps-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
95	</div>
	@@ -100,7 +99,7 @@ $pages = get_pages();
100	<div class="mec-form-row">
101	<label class="mec-col-3"><?php _e('Google Maps Style', 'modern-events-calendar-lite'); ?></label>
102	<?php $styles = $this->main->get_googlemap_styles(); ?>
103	- <div class="mec-col-4">
104	<select name="mec[settings][google_maps_style]">
105	<option value=""><?php _e('Default', 'modern-events-calendar-lite'); ?></option>
106	<?php foreach($styles as $style): ?>
	@@ -111,7 +110,7 @@ $pages = get_pages();
111	</div>
112	<div class="mec-form-row">
113	<label class="mec-col-3"><?php _e('Direction on single event', 'modern-events-calendar-lite'); ?></label>
114	- <div class="mec-col-4">
115	<select name="mec[settings][google_maps_get_direction_status]">
116	<option value="0"><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
117	<option value="1" <?php if(isset($settings['google_maps_get_direction_status']) and $settings['google_maps_get_direction_status'] == 1) echo 'selected="selected"'; ?>><?php _e('Simple Method', 'modern-events-calendar-lite'); ?></option>
	@@ -121,26 +120,26 @@ $pages = get_pages();
121	</div>
122	<div class="mec-form-row">
123	<label class="mec-col-3" for="mec_settings_google_maps_date_format1"><?php _e('Lightbox Date Format', 'modern-events-calendar-lite'); ?></label>
124	- <div class="mec-col-4">
125	<input type="text" id="mec_settings_google_maps_date_format1" name="mec[settings][google_maps_date_format1]" value="<?php echo ((isset($settings['google_maps_date_format1']) and trim($settings['google_maps_date_format1']) != '') ? $settings['google_maps_date_format1'] : 'M d Y'); ?>" />
126	<span class="mec-tooltip">
127	- <div class="box ~~top~~">
128	- <h5 class="title"><?php _e('Lightbox Date Format', 'modern-events-calendar-lite'); ?></h5>
129	- <div class="content"><p><?php esc_attr_e("Default value is M d Y", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/google-maps-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
130	- </div>
131	- <i title="" class="dashicons-before dashicons-editor-help"></i>
132	- </span>
133	</div>
134	</div>
135	<div class="mec-form-row">
136	<label class="mec-col-3"><?php _e('Google Maps API', 'modern-events-calendar-lite'); ?></label>
137	- <div class="mec-col-4">
138	<label>
139	<input type="hidden" name="mec[settings][google_maps_dont_load_api]" value="0" />
140	<input value="1" type="checkbox" name="mec[settings][google_maps_dont_load_api]" <?php if(isset($settings['google_maps_dont_load_api']) and $settings['google_maps_dont_load_api']) echo 'checked="checked"'; ?> /> <?php _e("Don't load Google Maps API library", 'modern-events-calendar-lite'); ?>
141	</label>
142	<span class="mec-tooltip">
143	- <div class="box top">
144	<h5 class="title"><?php _e('Google Maps API', 'modern-events-calendar-lite'); ?></h5>
145	<div class="content"><p><?php esc_attr_e("Check only if another plugin/theme is loading the Google Maps API", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/google-maps-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
146	</div>
	@@ -150,7 +149,7 @@ $pages = get_pages();
150	</div>
151	<div class="mec-form-row">
152	<label class="mec-col-3"><?php _e('Fullscreen Button', 'modern-events-calendar-lite'); ?></label>
153	- <div class="mec-col-4">
154	<label>
155	<input type="hidden" name="mec[settings][google_maps_fullscreen_button]" value="0" />
156	<input value="1" type="checkbox" name="mec[settings][google_maps_fullscreen_button]" <?php if(isset($settings['google_maps_fullscreen_button']) and $settings['google_maps_fullscreen_button']) echo 'checked="checked"'; ?> /> <?php _e("Enabled", 'modern-events-calendar-lite'); ?>
	@@ -180,7 +179,7 @@ $pages = get_pages();
180	foreach($event_options as $event_key=>$event_option): ?>
181	<li id="mec_sn_<?php echo esc_attr($event_key); ?>" data-id="<?php echo esc_attr($event_key); ?>" class="mec-form-row mec-switcher <?php echo ((isset($settings['sn'][$event_key]) and $settings['sn'][$event_key]) ? 'mec-enabled' : 'mec-disabled'); ?>">
182	<label class="mec-col-3"><?php echo esc_html($event_option); ?></label>
183	- <div class="mec-col-2">
184	<input class="mec-status" type="hidden" name="mec[settings][sn][<?php echo esc_attr($event_key); ?>]" value="<?php echo (isset($settings['sn'][$event_key]) ? $settings['sn'][$event_key] : '1'); ?>" />
185	<label for="mec[settings][sn][<?php echo esc_attr($event_key); ?>]"></label>
186	</div>
	@@ -237,14 +236,14 @@ $pages = get_pages();
237	<div id="mec_weather_module_container_toggle" class="<?php if((isset($settings['weather_module_status']) and !$settings['weather_module_status']) or !isset($settings['weather_module_status'])) echo 'mec-util-hidden'; ?>">
238	<div class="mec-form-row">
239	<label class="mec-col-3" for="mec_settings_weather_module_wa_api_key"><?php _e('weatherapi.com API Key', 'modern-events-calendar-lite'); ?></label>
240	- <div class="mec-col-8">
241	<input type="text" name="mec[settings][weather_module_wa_api_key]" id="mec_settings_weather_module_wa_api_key" value="<?php echo ((isset($settings['weather_module_wa_api_key']) and trim($settings['weather_module_wa_api_key']) != '') ? $settings['weather_module_wa_api_key'] : ''); ?>">
242	<p><?php echo sprintf(__('You can get a free one at %s', 'modern-events-calendar-lite'), '<a href="https://www.weatherapi.com/signup.aspx" target="_blank">weatherapi.com</a>'); ?></p>
243	</div>
244	</div>
245	<div class="mec-form-row">
246	<label class="mec-col-3" for="mec_settings_weather_module_api_key"><?php _e('darksky.net API Key', 'modern-events-calendar-lite'); ?></label>
247	- <div class="mec-col-8">
248	<input type="text" name="mec[settings][weather_module_api_key]" id="mec_settings_weather_module_api_key" value="<?php echo ((isset($settings['weather_module_api_key']) and trim($settings['weather_module_api_key']) != '') ? $settings['weather_module_api_key'] : ''); ?>">
249	</div>
250	</div>
	@@ -280,7 +279,7 @@ $pages = get_pages();
280	<?php foreach($socials as $social): ?>
281	<li id="mec_sn_<?php echo esc_attr($social['id']); ?>" data-id="<?php echo esc_attr($social['id']); ?>" class="mec-form-row mec-switcher <?php echo ((isset($settings['sn'][$social['id']]) and $settings['sn'][$social['id']]) ? 'mec-enabled' : 'mec-disabled'); ?>">
282	<label class="mec-col-3"><?php echo esc_html($social['name']); ?></label>
283	- <div class="mec-col-2">
284	<?php if ($social['id'] == 'vk' \|\| $social['id'] == 'tumblr' \|\| $social['id'] == 'pinterest' \|\| $social['id'] == 'flipboard' \|\| $social['id'] == 'pocket' \|\| $social['id'] == 'reddit' \|\| $social['id'] == 'whatsapp' \|\| $social['id'] == 'telegram') : ?>
285	<input class="mec-status" type="hidden" name="mec[settings][sn][<?php echo esc_attr($social['id']); ?>]" value="<?php echo (isset($settings['sn'][$social['id']]) ? $settings['sn'][$social['id']] : '0'); ?>" />
286	<label for="mec[settings][sn][<?php echo esc_attr($social['id']); ?>]"></label>
	@@ -307,7 +306,7 @@ $pages = get_pages();
307	<div id="mec_next_previous_event_container_toggle" class="<?php if((isset($settings['next_event_module_status']) and !$settings['next_event_module_status']) or !isset($settings['next_event_module_status'])) echo 'mec-util-hidden'; ?>">
308	<div class="mec-form-row">
309	<label class="mec-col-3" for="mec_settings_next_event_module_method"><?php _e('Method', 'modern-events-calendar-lite'); ?></label>
310	- <div class="mec-col-4">
311	<select id="mec_settings_next_event_module_method" name="mec[settings][next_event_module_method]">
312	<option value="occurrence" <?php echo ((isset($settings['next_event_module_method']) and $settings['next_event_module_method'] == 'occurrence') ? 'selected="selected"' : ''); ?>><?php _e('Next Occurrence of Current Event', 'modern-events-calendar-lite'); ?></option>
313	<option value="multiple" <?php echo ((isset($settings['next_event_module_method']) and $settings['next_event_module_method'] == 'multiple') ? 'selected="selected"' : ''); ?>><?php _e('Multiple Occurrences of Current Event', 'modern-events-calendar-lite'); ?></option>
	@@ -317,16 +316,16 @@ $pages = get_pages();
317	</div>
318	<div class="mec-form-row" id="mec_settings_next_event_module_multiple_count_wrapper" style="<?php echo ((isset($settings['next_event_module_method']) and $settings['next_event_module_method'] == 'multiple') ? '' : 'display: none;'); ?>">
319	<label class="mec-col-3" for="mec_settings_next_event_module_multiple_count"><?php _e('Count of Events', 'modern-events-calendar-lite'); ?></label>
320	- <div class="mec-col-4">
321	<input type="number" id="mec_settings_next_event_module_multiple_count" name="mec[settings][next_event_module_multiple_count]" value="<?php echo ((isset($settings['next_event_module_multiple_count']) and trim($settings['next_event_module_multiple_count']) != '') ? $settings['next_event_module_multiple_count'] : '10'); ?>" />
322	</div>
323	</div>
324	<div class="mec-form-row">
325	<label class="mec-col-3" for="mec_settings_next_event_module_date_format1"><?php _e('Date Format', 'modern-events-calendar-lite'); ?></label>
326	- <div class="mec-col-4">
327	<input type="text" id="mec_settings_next_event_module_date_format1" name="mec[settings][next_event_module_date_format1]" value="<?php echo ((isset($settings['next_event_module_date_format1']) and trim($settings['next_event_module_date_format1']) != '') ? $settings['next_event_module_date_format1'] : 'M d Y'); ?>" />
328	<span class="mec-tooltip">
329	- <div class="box ~~top~~">
330	<h5 class="title"><?php _e('Date Format', 'modern-events-calendar-lite'); ?></h5>
331	<div class="content"><p><?php esc_attr_e("Default is M d Y", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/next-event-module/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
332	</div>
	@@ -355,7 +354,7 @@ $pages = get_pages();
355	</div>
356	<div class="mec-form-row">
357	<label class="mec-col-3" for="mec_settings_bp_attendees_module_limit"><?php _e('Attendee Limit', 'modern-events-calendar-lite'); ?></label>
358	- <div class="mec-col-4">
359	<input type="text" id="mec_settings_bp_attendees_module_limit" name="mec[settings][bp_attendees_module_limit]" value="<?php echo ((isset($settings['bp_attendees_module_limit']) and trim($settings['bp_attendees_module_limit']) != '') ? $settings['bp_attendees_module_limit'] : '20'); ?>" />
360	</div>
361	</div>


56
57	<div id="googlemap_option" class="mec-options-fields">
58	<h4 class="mec-form-subtitle"><?php _e('Map Options', 'modern-events-calendar-lite'); ?></h4>

59	<?php if(!$this->main->getPRO()): ?>
60	<div class="info-msg"><?php echo sprintf(__("%s is required to use this feature.", 'modern-events-calendar-lite'), '<a href="'.$this->main->get_pro_link().'" target="_blank">'.__('Pro version of Modern Events Calendar', 'modern-events-calendar-lite').'</a>'); ?></div>
61	<?php else: ?>

68	<div id="mec_google_maps_container_toggle" class="<?php if((isset($settings['google_maps_status']) and !$settings['google_maps_status']) or !isset($settings['google_maps_status'])) echo 'mec-util-hidden'; ?>">
69	<div class="mec-form-row">
70	<label class="mec-col-3" for="mec_settings_google_maps_api_key"><?php _e('Google Maps API Key', 'modern-events-calendar-lite'); ?></label>
71	+ <div class="mec-col-9">
72	<input type="text" id="mec_settings_google_maps_api_key" name="mec[settings][google_maps_api_key]" value="<?php echo ((isset($settings['google_maps_api_key']) and trim($settings['google_maps_api_key']) != '') ? $settings['google_maps_api_key'] : ''); ?>" />
73	<span class="mec-tooltip">
74	+ <div class="box left">
75	<h5 class="title"><?php _e('Google Map Options', 'modern-events-calendar-lite'); ?></h5>
76	<div class="content"><p><?php esc_attr_e("Required!", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/google-maps-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
77	</div>

81	</div>
82	<div class="mec-form-row">
83	<label class="mec-col-3"><?php _e('Zoom level', 'modern-events-calendar-lite'); ?></label>
84	+ <div class="mec-col-9">
85	<select name="mec[settings][google_maps_zoomlevel]">
86	<?php for($i = 5; $i <= 21; $i++): ?>
87	<option value="<?php echo $i; ?>" <?php if(isset($settings['google_maps_zoomlevel']) and $settings['google_maps_zoomlevel'] == $i) echo 'selected="selected"'; ?>><?php echo $i; ?></option>
88	<?php endfor; ?>
89	</select>
90	<span class="mec-tooltip">
91	+ <div class="box left">
92	<h5 class="title"><?php _e('Zoom level', 'modern-events-calendar-lite'); ?></h5>
93	<div class="content"><p><?php esc_attr_e("For Google Maps module in single event page. In Google Maps skin, it will calculate the zoom level automatically based on event boundaries.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/google-maps-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
94	</div>

99	<div class="mec-form-row">
100	<label class="mec-col-3"><?php _e('Google Maps Style', 'modern-events-calendar-lite'); ?></label>
101	<?php $styles = $this->main->get_googlemap_styles(); ?>
102	+ <div class="mec-col-9">
103	<select name="mec[settings][google_maps_style]">
104	<option value=""><?php _e('Default', 'modern-events-calendar-lite'); ?></option>
105	<?php foreach($styles as $style): ?>

110	</div>
111	<div class="mec-form-row">
112	<label class="mec-col-3"><?php _e('Direction on single event', 'modern-events-calendar-lite'); ?></label>
113	+ <div class="mec-col-9">
114	<select name="mec[settings][google_maps_get_direction_status]">
115	<option value="0"><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
116	<option value="1" <?php if(isset($settings['google_maps_get_direction_status']) and $settings['google_maps_get_direction_status'] == 1) echo 'selected="selected"'; ?>><?php _e('Simple Method', 'modern-events-calendar-lite'); ?></option>

120	</div>
121	<div class="mec-form-row">
122	<label class="mec-col-3" for="mec_settings_google_maps_date_format1"><?php _e('Lightbox Date Format', 'modern-events-calendar-lite'); ?></label>
123	+ <div class="mec-col-9">
124	<input type="text" id="mec_settings_google_maps_date_format1" name="mec[settings][google_maps_date_format1]" value="<?php echo ((isset($settings['google_maps_date_format1']) and trim($settings['google_maps_date_format1']) != '') ? $settings['google_maps_date_format1'] : 'M d Y'); ?>" />
125	<span class="mec-tooltip">
126	+ <div class="box left">
127	+ <h5 class="title"><?php _e('Lightbox Date Format', 'modern-events-calendar-lite'); ?></h5>
128	+ <div class="content"><p><?php esc_attr_e("Default value is M d Y", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/google-maps-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
129	+ </div>
130	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
131	+ </span>
132	</div>
133	</div>
134	<div class="mec-form-row">
135	<label class="mec-col-3"><?php _e('Google Maps API', 'modern-events-calendar-lite'); ?></label>
136	+ <div class="mec-col-9">
137	<label>
138	<input type="hidden" name="mec[settings][google_maps_dont_load_api]" value="0" />
139	<input value="1" type="checkbox" name="mec[settings][google_maps_dont_load_api]" <?php if(isset($settings['google_maps_dont_load_api']) and $settings['google_maps_dont_load_api']) echo 'checked="checked"'; ?> /> <?php _e("Don't load Google Maps API library", 'modern-events-calendar-lite'); ?>
140	</label>
141	<span class="mec-tooltip">
142	+ <div class="box top left">
143	<h5 class="title"><?php _e('Google Maps API', 'modern-events-calendar-lite'); ?></h5>
144	<div class="content"><p><?php esc_attr_e("Check only if another plugin/theme is loading the Google Maps API", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/google-maps-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
145	</div>

149	</div>
150	<div class="mec-form-row">
151	<label class="mec-col-3"><?php _e('Fullscreen Button', 'modern-events-calendar-lite'); ?></label>
152	+ <div class="mec-col-9">
153	<label>
154	<input type="hidden" name="mec[settings][google_maps_fullscreen_button]" value="0" />
155	<input value="1" type="checkbox" name="mec[settings][google_maps_fullscreen_button]" <?php if(isset($settings['google_maps_fullscreen_button']) and $settings['google_maps_fullscreen_button']) echo 'checked="checked"'; ?> /> <?php _e("Enabled", 'modern-events-calendar-lite'); ?>

179	foreach($event_options as $event_key=>$event_option): ?>
180	<li id="mec_sn_<?php echo esc_attr($event_key); ?>" data-id="<?php echo esc_attr($event_key); ?>" class="mec-form-row mec-switcher <?php echo ((isset($settings['sn'][$event_key]) and $settings['sn'][$event_key]) ? 'mec-enabled' : 'mec-disabled'); ?>">
181	<label class="mec-col-3"><?php echo esc_html($event_option); ?></label>
182	+ <div class="mec-col-9">
183	<input class="mec-status" type="hidden" name="mec[settings][sn][<?php echo esc_attr($event_key); ?>]" value="<?php echo (isset($settings['sn'][$event_key]) ? $settings['sn'][$event_key] : '1'); ?>" />
184	<label for="mec[settings][sn][<?php echo esc_attr($event_key); ?>]"></label>
185	</div>

236	<div id="mec_weather_module_container_toggle" class="<?php if((isset($settings['weather_module_status']) and !$settings['weather_module_status']) or !isset($settings['weather_module_status'])) echo 'mec-util-hidden'; ?>">
237	<div class="mec-form-row">
238	<label class="mec-col-3" for="mec_settings_weather_module_wa_api_key"><?php _e('weatherapi.com API Key', 'modern-events-calendar-lite'); ?></label>
239	+ <div class="mec-col-9">
240	<input type="text" name="mec[settings][weather_module_wa_api_key]" id="mec_settings_weather_module_wa_api_key" value="<?php echo ((isset($settings['weather_module_wa_api_key']) and trim($settings['weather_module_wa_api_key']) != '') ? $settings['weather_module_wa_api_key'] : ''); ?>">
241	<p><?php echo sprintf(__('You can get a free one at %s', 'modern-events-calendar-lite'), '<a href="https://www.weatherapi.com/signup.aspx" target="_blank">weatherapi.com</a>'); ?></p>
242	</div>
243	</div>
244	<div class="mec-form-row">
245	<label class="mec-col-3" for="mec_settings_weather_module_api_key"><?php _e('darksky.net API Key', 'modern-events-calendar-lite'); ?></label>
246	+ <div class="mec-col-9">
247	<input type="text" name="mec[settings][weather_module_api_key]" id="mec_settings_weather_module_api_key" value="<?php echo ((isset($settings['weather_module_api_key']) and trim($settings['weather_module_api_key']) != '') ? $settings['weather_module_api_key'] : ''); ?>">
248	</div>
249	</div>

279	<?php foreach($socials as $social): ?>
280	<li id="mec_sn_<?php echo esc_attr($social['id']); ?>" data-id="<?php echo esc_attr($social['id']); ?>" class="mec-form-row mec-switcher <?php echo ((isset($settings['sn'][$social['id']]) and $settings['sn'][$social['id']]) ? 'mec-enabled' : 'mec-disabled'); ?>">
281	<label class="mec-col-3"><?php echo esc_html($social['name']); ?></label>
282	+ <div class="mec-col-9">
283	<?php if ($social['id'] == 'vk' \|\| $social['id'] == 'tumblr' \|\| $social['id'] == 'pinterest' \|\| $social['id'] == 'flipboard' \|\| $social['id'] == 'pocket' \|\| $social['id'] == 'reddit' \|\| $social['id'] == 'whatsapp' \|\| $social['id'] == 'telegram') : ?>
284	<input class="mec-status" type="hidden" name="mec[settings][sn][<?php echo esc_attr($social['id']); ?>]" value="<?php echo (isset($settings['sn'][$social['id']]) ? $settings['sn'][$social['id']] : '0'); ?>" />
285	<label for="mec[settings][sn][<?php echo esc_attr($social['id']); ?>]"></label>

306	<div id="mec_next_previous_event_container_toggle" class="<?php if((isset($settings['next_event_module_status']) and !$settings['next_event_module_status']) or !isset($settings['next_event_module_status'])) echo 'mec-util-hidden'; ?>">
307	<div class="mec-form-row">
308	<label class="mec-col-3" for="mec_settings_next_event_module_method"><?php _e('Method', 'modern-events-calendar-lite'); ?></label>
309	+ <div class="mec-col-9">
310	<select id="mec_settings_next_event_module_method" name="mec[settings][next_event_module_method]">
311	<option value="occurrence" <?php echo ((isset($settings['next_event_module_method']) and $settings['next_event_module_method'] == 'occurrence') ? 'selected="selected"' : ''); ?>><?php _e('Next Occurrence of Current Event', 'modern-events-calendar-lite'); ?></option>
312	<option value="multiple" <?php echo ((isset($settings['next_event_module_method']) and $settings['next_event_module_method'] == 'multiple') ? 'selected="selected"' : ''); ?>><?php _e('Multiple Occurrences of Current Event', 'modern-events-calendar-lite'); ?></option>

316	</div>
317	<div class="mec-form-row" id="mec_settings_next_event_module_multiple_count_wrapper" style="<?php echo ((isset($settings['next_event_module_method']) and $settings['next_event_module_method'] == 'multiple') ? '' : 'display: none;'); ?>">
318	<label class="mec-col-3" for="mec_settings_next_event_module_multiple_count"><?php _e('Count of Events', 'modern-events-calendar-lite'); ?></label>
319	+ <div class="mec-col-9">
320	<input type="number" id="mec_settings_next_event_module_multiple_count" name="mec[settings][next_event_module_multiple_count]" value="<?php echo ((isset($settings['next_event_module_multiple_count']) and trim($settings['next_event_module_multiple_count']) != '') ? $settings['next_event_module_multiple_count'] : '10'); ?>" />
321	</div>
322	</div>
323	<div class="mec-form-row">
324	<label class="mec-col-3" for="mec_settings_next_event_module_date_format1"><?php _e('Date Format', 'modern-events-calendar-lite'); ?></label>
325	+ <div class="mec-col-9">
326	<input type="text" id="mec_settings_next_event_module_date_format1" name="mec[settings][next_event_module_date_format1]" value="<?php echo ((isset($settings['next_event_module_date_format1']) and trim($settings['next_event_module_date_format1']) != '') ? $settings['next_event_module_date_format1'] : 'M d Y'); ?>" />
327	<span class="mec-tooltip">
328	+ <div class="box left">
329	<h5 class="title"><?php _e('Date Format', 'modern-events-calendar-lite'); ?></h5>
330	<div class="content"><p><?php esc_attr_e("Default is M d Y", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/next-event-module/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
331	</div>

354	</div>
355	<div class="mec-form-row">
356	<label class="mec-col-3" for="mec_settings_bp_attendees_module_limit"><?php _e('Attendee Limit', 'modern-events-calendar-lite'); ?></label>
357	+ <div class="mec-col-9">
358	<input type="text" id="mec_settings_bp_attendees_module_limit" name="mec[settings][bp_attendees_module_limit]" value="<?php echo ((isset($settings['bp_attendees_module_limit']) and trim($settings['bp_attendees_module_limit']) != '') ? $settings['bp_attendees_module_limit'] : '20'); ?>" />
359	</div>
360	</div>

app/features/mec/notifications.php CHANGED Viewed

@@ -35,240 +35,297 @@ $settings = $this->main->get_settings();
                                         <h4 class="mec-form-subtitle"><?php _e('Booking', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
                                             <label>
                                                 <input type="hidden" name="mec[notifications][booking_notification][status]" value="0" />
                                                 <input onchange="jQuery('#mec_notification_booking_notification_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][booking_notification][status]" <?php if(!isset($notifications['booking_notification']['status']) or (isset($notifications['booking_notification']['status']) and $notifications['booking_notification']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable booking notification', 'modern-events-calendar-lite'); ?>
                                             </label>
                                         </div>
                                         <div id="mec_notification_booking_notification_container_toggle" class="<?php if(isset($notifications['booking_notification']) and isset($notifications['booking_notification']['status']) and !$notifications['booking_notification']['status']) echo 'mec-util-hidden'; ?>">
-            -
                                            <p class="description"><?php _e('Sent to attendee after booking to notify them.', 'modern-events-calendar-lite'); ?></p>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_notification_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][booking_notification][subject]" id="mec_notifications_booking_notification_subject" value="<?php echo (isset($notifications['booking_notification']['subject']) ? stripslashes($notifications['booking_notification']['subject']) : ''); ?>" />
                                             </div>
                                            <!-- Start Receiver Users -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_notification_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $users = isset($notifications['booking_notification']['receiver_users']) ? $notifications['booking_notification']['receiver_users'] : array();
-            -
                                                    echo $this->main->get_users_dropdown($users, 'booking_notification');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Users -->
                                             <!-- Start Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_notification_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $roles = isset($notifications['booking_notification']['receiver_roles']) ? $notifications['booking_notification']['receiver_roles'] : array();
-            -
                                                    echo $this->main->get_roles_dropdown($roles, 'booking_notification');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_notification_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][booking_notification][recipients]" id="mec_notifications_booking_notification_recipients" value="<?php echo (isset($notifications['booking_notification']['recipients']) ? $notifications['booking_notification']['recipients'] : ''); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][booking_notification][send_to_organizer]" value="1" id="mec_notifications_booking_notification_send_to_organizer" <?php echo ((isset($notifications['booking_notification']['send_to_organizer']) and $notifications['booking_notification']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_booking_notification_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
                                                 <label for="mec_notifications_booking_notification_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                                 <?php wp_editor((isset($notifications['booking_notification']) ? stripslashes($notifications['booking_notification']['content']) : ''), 'mec_notifications_booking_notification_content', array('textarea_name'=>'mec[notifications][booking_notification][content]')); ?>
                                             </div>
-            -
                                            <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                            <ul>
-            -
                                                <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%invoice_link%%</span>: <?php _e('Invoice Link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <?php do_action('mec_extra_field_notifications'); ?>
-            -
                                            </ul>
                                         </div>
                                     </div>
                                     <div id="booking_verification" class="mec-options-fields">
                                         <h4 class="mec-form-subtitle"><?php _e('Booking Verification', 'modern-events-calendar-lite'); ?></h4>
-            -
                                        <p class="description"><?php _e('It sends to attendee email for verifying their booking/email.', 'modern-events-calendar-lite'); ?></p>
                                         <div class="mec-form-row">
-            -
                                            <label for="mec_notifications_email_verification_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                            <input type="text" name="mec[notifications][email_verification][subject]" id="mec_notifications_email_verification_subject" value="<?php echo (isset($notifications['email_verification']['subject']) ? stripslashes($notifications['email_verification']['subject']) : ''); ?>" />
                                         </div>
                                         <!-- Start Receiver Users -->
                                         <div class="mec-form-row">
-            -
                                            <label for="mec_notifications_email_verification_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                            <?php
-            -
                                                $users = isset($notifications['email_verification']['receiver_users']) ? $notifications['email_verification']['receiver_users'] : array();
-            -
                                                echo $this->main->get_users_dropdown($users, 'email_verification');
-            -
                                            ?>
-            -
                                            <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                         </div>
                                         <!-- End Receiver Users -->
                                         <!-- Start Receiver Roles -->
                                         <div class="mec-form-row">
-            -
                                            <label for="mec_notifications_email_verification_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                            <?php
-            -
                                                $roles = isset($notifications['email_verification']['receiver_roles']) ? $notifications['email_verification']['receiver_roles'] : array();
-            -
                                                echo $this->main->get_roles_dropdown($roles, 'email_verification');
-            -
                                            ?>
-            -
                                            <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                         </div>
                                         <!-- End Receiver Roles -->
                                         <div class="mec-form-row">
-            -
                                            <label for="mec_notifications_email_verification_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
                                             <input type="text" name="mec[notifications][email_verification][recipients]" id="mec_notifications_email_verification_recipients" value="<?php echo (isset($notifications['email_verification']['recipients']) ? $notifications['email_verification']['recipients'] : ''); ?>" />
-            -
                                            <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                         </div>
                                         <div class="mec-form-row">
                                             <label for="mec_notifications_email_verification_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                             <?php wp_editor((isset($notifications['email_verification']) ? stripslashes($notifications['email_verification']['content']) : ''), 'mec_notifications_email_verification_content', array('textarea_name'=>'mec[notifications][email_verification][content]')); ?>
                                         </div>
-            -
                                        <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                        <ul>
-            -
                                            <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%verification_link%%</span>: <?php _e('Email/Booking verification link.', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
-            -
                                            <?php do_action('mec_extra_field_notifications'); ?>
-            -
                                        </ul>
                                     </div>
@@ -276,129 +333,158 @@ $settings = $this->main->get_settings();
                                         <h4 class="mec-form-subtitle"><?php _e('Booking Confirmation', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
-            -
                                            <label>
-            -
                                                <input type="hidden" name="mec[notifications][booking_confirmation][status]" value="0" />
-            -
                                                <input onchange="jQuery('#mec_notification_booking_confirmation_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][booking_confirmation][status]" <?php if(!isset($notifications['booking_confirmation']['status']) or (isset($notifications['booking_confirmation']['status']) and $notifications['booking_confirmation']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable booking confirmation', 'modern-events-calendar-lite'); ?>
-            -
                                            </label>
                                         </div>
                                         <div id="mec_notification_booking_confirmation_container_toggle" class="<?php if(isset($notifications['booking_confirmation']) and isset($notifications['booking_confirmation']['status']) and !$notifications['booking_confirmation']['status']) echo 'mec-util-hidden'; ?>">
-            -
                                            <p class="description"><?php _e('Sent to attendee after confirming the booking by admin.', 'modern-events-calendar-lite'); ?></p>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_confirmation_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][booking_confirmation][subject]" id="mec_notifications_booking_confirmation_subject" value="<?php echo (isset($notifications['booking_confirmation']['subject']) ? stripslashes($notifications['booking_confirmation']['subject']) : ''); ?>" />
                                             </div>
                                             <!-- Start Receiver Users -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_confirmation_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                $users = isset($notifications['booking_confirmation']['receiver_users']) ? $notifications['booking_confirmation']['receiver_users'] : array();
-            -
                                                echo $this->main->get_users_dropdown($users, 'booking_confirmation');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
                                                 </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                             </div>
                                             <!-- End Receiver Users -->
                                             <!-- Start Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_confirmation_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                $roles = isset($notifications['booking_confirmation']['receiver_roles']) ? $notifications['booking_confirmation']['receiver_roles'] : array();
-            -
                                                echo $this->main->get_roles_dropdown($roles, 'booking_confirmation');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
                                                 </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                             </div>
                                             <!-- End Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_confirmation_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][booking_confirmation][recipients]" id="mec_notifications_booking_confirmation_recipients" value="<?php echo (isset($notifications['booking_confirmation']['recipients']) ? $notifications['booking_confirmation']['recipients'] : ''); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
                                                 </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][booking_confirmation][send_single_one_email]" value="1" id="mec_notifications_booking_confirmation_send_single_one_email" <?php echo ((isset($notifications['booking_confirmation']['send_single_one_email']) and $notifications['booking_confirmation']['send_single_one_email'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_booking_confirmation_send_single_one_email"><?php _e('Send one single email only to first attendee', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
                                                 <label for="mec_notifications_booking_confirmation_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                                 <?php wp_editor((isset($notifications['booking_confirmation']) ? stripslashes($notifications['booking_confirmation']['content']) : ''), 'mec_notifications_booking_confirmation_content', array('textarea_name'=>'mec[notifications][booking_confirmation][content]')); ?>
                                             </div>
-            -
                                            <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                            <ul>
-            -
                                                <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%attendee_price%%</span>: <?php _e('Attendee Price', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%cancellation_link%%</span>: <?php _e('Booking cancellation link.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%invoice_link%%</span>: <?php _e('Invoice Link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <?php do_action('mec_extra_field_notifications'); ?>
-            -
                                            </ul>
                                         </div>
                                     </div>
@@ -407,139 +493,171 @@ $settings = $this->main->get_settings();
                                         <h4 class="mec-form-subtitle"><?php _e('Booking Rejection', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
-            -
                                            <label>
-            -
                                                <input type="hidden" name="mec[notifications][booking_rejection][status]" value="0" />
-            -
                                                <input onchange="jQuery('#mec_notification_booking_rejection_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][booking_rejection][status]" <?php if((isset($notifications['booking_rejection']) and isset($notifications['booking_rejection']['status']) and $notifications['booking_rejection']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable booking rejection', 'modern-events-calendar-lite'); ?>
-            -
                                            </label>
                                         </div>
                                         <div id="mec_notification_booking_rejection_container_toggle" class="<?php if(!isset($notifications['booking_rejection']) or (isset($notifications['booking_rejection']) and isset($notifications['booking_rejection']['status']) and !$notifications['booking_rejection']['status'])) echo 'mec-util-hidden'; ?>">
-            -
                                            <p class="description"><?php _e('Sent to attendee after booking rejection by admin.', 'modern-events-calendar-lite'); ?></p>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_rejection_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][booking_rejection][subject]" id="mec_notifications_booking_rejection_subject" value="<?php echo (isset($notifications['booking_rejection']['subject']) ? stripslashes($notifications['booking_rejection']['subject']) : ''); ?>" />
                                             </div>
                                             <!-- Start Receiver Users -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_rejection_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                $users = isset($notifications['booking_rejection']['receiver_users']) ? $notifications['booking_rejection']['receiver_users'] : array();
-            -
                                                echo $this->main->get_users_dropdown($users, 'booking_rejection');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Users -->
                                             <!-- Start Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_rejection_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                $roles = isset($notifications['booking_rejection']['receiver_roles']) ? $notifications['booking_rejection']['receiver_roles'] : array();
-            -
                                                echo $this->main->get_roles_dropdown($roles, 'booking_rejection');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_rejection_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][booking_rejection][recipients]" id="mec_notifications_booking_rejection_recipients" value="<?php echo (isset($notifications['booking_rejection']['recipients']) ? $notifications['booking_rejection']['recipients'] : ''); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][booking_rejection][send_to_admin]" value="1" id="mec_notifications_booking_rejection_send_to_admin" <?php echo ((!isset($notifications['booking_rejection']['send_to_admin']) or $notifications['booking_rejection']['send_to_admin'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_booking_rejection_send_to_admin"><?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][booking_rejection][send_to_organizer]" value="1" id="mec_notifications_booking_rejection_send_to_organizer" <?php echo ((isset($notifications['booking_rejection']['send_to_organizer']) and $notifications['booking_rejection']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_booking_rejection_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][booking_rejection][send_to_user]" value="1" id="mec_notifications_booking_rejection_send_to_user" <?php echo ((isset($notifications['booking_rejection']['send_to_user']) and $notifications['booking_rejection']['send_to_user'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_booking_rejection_send_to_user"><?php _e('Send the email to the booked user', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
                                                 <label for="mec_notifications_booking_rejection_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                                 <?php wp_editor((isset($notifications['booking_rejection']) ? stripslashes($notifications['booking_rejection']['content']) : ''), 'mec_notifications_booking_rejection_content', array('textarea_name'=>'mec[notifications][booking_rejection][content]')); ?>
                                             </div>
-            -
                                            <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                            <ul>
-            -
                                                <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%attendee_price%%</span>: <?php _e('Attendee Price', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%cancellation_link%%</span>: <?php _e('Booking cancellation link.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%invoice_link%%</span>: <?php _e('Invoice Link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <?php do_action('mec_extra_field_notifications'); ?>
-            -
                                            </ul>
                                         </div>
                                     </div>
@@ -547,123 +665,156 @@ $settings = $this->main->get_settings();
                                     <div id="cancellation_notification" class="mec-options-fields">
                                         <h4 class="mec-form-subtitle"><?php _e('Booking Cancellation', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
-            -
                                            <label>
-            -
                                                <input type="hidden" name="mec[notifications][cancellation_notification][status]" value="0" />
-            -
                                                <input onchange="jQuery('#mec_notification_cancellation_notification_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][cancellation_notification][status]" <?php if((isset($notifications['cancellation_notification']['status']) and $notifications['cancellation_notification']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable cancellation notification', 'modern-events-calendar-lite'); ?>
-            -
                                            </label>
                                         </div>
                                         <div id="mec_notification_cancellation_notification_container_toggle" class="<?php if((isset($notifications['cancellation_notification']) and !$notifications['cancellation_notification']['status']) or !isset($notifications['cancellation_notification'])) echo 'mec-util-hidden'; ?>">
-            -
                                            <p class="description"><?php _e('Sent to selected recipients after booking cancellation to notify them.', 'modern-events-calendar-lite'); ?></p>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_cancellation_notification_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][cancellation_notification][subject]" id="mec_notifications_cancellation_notification_subject" value="<?php echo (isset($notifications['cancellation_notification']['subject']) ? stripslashes($notifications['cancellation_notification']['subject']) : 'Your booking is canceled.'); ?>" />
                                             </div>
                                             <!-- Start Receiver Users -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_cancellation_notification_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $users = isset($notifications['cancellation_notification']['receiver_users']) ? $notifications['cancellation_notification']['receiver_users'] : array();
-            -
                                                    echo $this->main->get_users_dropdown($users, 'cancellation_notification');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Users -->
                                             <!-- Start Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_cancellation_notification_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $roles = isset($notifications['cancellation_notification']['receiver_roles']) ? $notifications['cancellation_notification']['receiver_roles'] : array();
-            -
                                                    echo $this->main->get_roles_dropdown($roles, 'cancellation_notification');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_cancellation_notification_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][cancellation_notification][recipients]" id="mec_notifications_cancellation_notification_recipients" value="<?php echo (isset($notifications['cancellation_notification']['recipients']) ? $notifications['cancellation_notification']['recipients'] : ''); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][cancellation_notification][send_to_admin]" value="1" id="mec_notifications_cancellation_notification_send_to_admin" <?php echo ((!isset($notifications['cancellation_notification']['send_to_admin']) or $notifications['cancellation_notification']['send_to_admin'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_cancellation_notification_send_to_admin"><?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][cancellation_notification][send_to_organizer]" value="1" id="mec_notifications_cancellation_notification_send_to_organizer" <?php echo ((isset($notifications['cancellation_notification']['send_to_organizer']) and $notifications['cancellation_notification']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_cancellation_notification_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][cancellation_notification][send_to_user]" value="1" id="mec_notifications_cancellation_notification_send_to_user" <?php echo ((isset($notifications['cancellation_notification']['send_to_user']) and $notifications['cancellation_notification']['send_to_user'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_cancellation_notification_send_to_user"><?php _e('Send the email to the booked user', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
                                                 <label for="mec_notifications_cancellation_notification_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                                 <?php wp_editor((isset($notifications['cancellation_notification']) ? stripslashes($notifications['cancellation_notification']['content']) : ''), 'mec_notifications_cancellation_notification_content', array('textarea_name'=>'mec[notifications][cancellation_notification][content]')); ?>
                                             </div>
-            -
                                            <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                            <ul>
-            -
                                                <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%admin_link%%</span>: <?php _e('Admin booking management link.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
-            -
                                            </ul>
                                         </div>
                                     </div>
@@ -671,123 +822,154 @@ $settings = $this->main->get_settings();
                                         <h4 class="mec-form-subtitle"><?php _e('Admin', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
-            -
                                            <label>
-            -
                                                <input type="hidden" name="mec[notifications][admin_notification][status]" value="0" />
-            -
                                                <input onchange="jQuery('#mec_notification_admin_notification_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][admin_notification][status]" <?php if(!isset($notifications['admin_notification']['status']) or (isset($notifications['admin_notification']['status']) and $notifications['admin_notification']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable admin notification', 'modern-events-calendar-lite'); ?>
-            -
                                            </label>
                                         </div>
                                         <div id="mec_notification_admin_notification_container_toggle" class="<?php if(isset($notifications['admin_notification']) and isset($notifications['admin_notification']['status']) and !$notifications['admin_notification']['status']) echo 'mec-util-hidden'; ?>">
-            -
                                            <p class="description"><?php _e('Sent to admin to notify them that a new booking has been received.', 'modern-events-calendar-lite'); ?></p>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_admin_notification_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][admin_notification][subject]" id="mec_notifications_admin_notification_subject" value="<?php echo (isset($notifications['admin_notification']['subject']) ? stripslashes($notifications['admin_notification']['subject']) : ''); ?>" />
                                             </div>
                                             <!-- Start Receiver Users -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_admin_notification_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $users = isset($notifications['admin_notification']['receiver_users']) ? $notifications['admin_notification']['receiver_users'] : array();
-            -
                                                    echo $this->main->get_users_dropdown($users, 'admin_notification');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Users -->
                                             <!-- Start Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_admin_notification_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $roles = isset($notifications['admin_notification']['receiver_roles']) ? $notifications['admin_notification']['receiver_roles'] : array();
-            -
                                                    echo $this->main->get_roles_dropdown($roles, 'admin_notification');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_admin_notification_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][admin_notification][recipients]" id="mec_notifications_admin_notification_recipients" value="<?php echo (isset($notifications['admin_notification']['recipients']) ? $notifications['admin_notification']['recipients'] : ''); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="hidden" name="mec[notifications][admin_notification][send_to_admin]" value="0" />
-            -
                                                <input type="checkbox" name="mec[notifications][admin_notification][send_to_admin]" value="1" id="mec_notifications_admin_notification_send_to_admin" <?php echo ((!isset($notifications['admin_notification']['send_to_admin']) or (isset($notifications['admin_notification']['send_to_admin']) and $notifications['admin_notification']['send_to_admin'] == 1)) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_admin_notification_send_to_admin"><?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][admin_notification][send_to_organizer]" value="1" id="mec_notifications_admin_notification_send_to_organizer" <?php echo ((isset($notifications['admin_notification']['send_to_organizer']) and $notifications['admin_notification']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_admin_notification_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
                                                 <label for="mec_notifications_admin_notification_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                                 <?php wp_editor((isset($notifications['admin_notification']) ? stripslashes($notifications['admin_notification']['content']) : ''), 'mec_notifications_admin_notification_content', array('textarea_name'=>'mec[notifications][admin_notification][content]')); ?>
                                             </div>
-            -
                                            <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                            <ul>
-            -
                                                <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%admin_link%%</span>: <?php _e('Admin booking management link.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
-            -
                                            </ul>
                                         </div>
                                     </div>
@@ -795,110 +977,141 @@ $settings = $this->main->get_settings();
                                         <h4 class="mec-form-subtitle"><?php _e('Event Soldout', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
-            -
                                            <label>
-            -
                                                <input type="hidden" name="mec[notifications][event_soldout][status]" value="0" />
-            -
                                                <input onchange="jQuery('#mec_notification_event_soldout_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][event_soldout][status]" <?php if(!isset($notifications['event_soldout']['status']) or (isset($notifications['event_soldout']['status']) and $notifications['event_soldout']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable event soldout notification', 'modern-events-calendar-lite'); ?>
-            -
                                            </label>
                                         </div>
                                         <div id="mec_notification_event_soldout_container_toggle" class="<?php if(isset($notifications['event_soldout']) and isset($notifications['event_soldout']['status']) and !$notifications['event_soldout']['status']) echo 'mec-util-hidden'; ?>">
-            -
                                            <p class="description"><?php _e('Sent to admin and / or event organizer to notify them that an event is soldout.', 'modern-events-calendar-lite'); ?></p>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_event_soldout_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][event_soldout][subject]" id="mec_notifications_event_soldout_subject" value="<?php echo (isset($notifications['event_soldout']['subject']) ? stripslashes($notifications['event_soldout']['subject']) : ''); ?>" />
                                             </div>
                                             <!-- Start Receiver Users -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_event_soldout_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                $users = isset($notifications['event_soldout']['receiver_users']) ? $notifications['event_soldout']['receiver_users'] : array();
-            -
                                                echo $this->main->get_users_dropdown($users, 'event_soldout');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
                                                 </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                             </div>
                                             <!-- End Receiver Users -->
                                             <!-- Start Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_event_soldout_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                $roles = isset($notifications['event_soldout']['receiver_roles']) ? $notifications['event_soldout']['receiver_roles'] : array();
-            -
                                                echo $this->main->get_roles_dropdown($roles, 'event_soldout');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
                                                 </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                             </div>
                                             <!-- End Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_event_soldout_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][event_soldout][recipients]" id="mec_notifications_event_soldout_recipients" value="<?php echo (isset($notifications['event_soldout']['recipients']) ? $notifications['event_soldout']['recipients'] : ''); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
                                                 </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="hidden" name="mec[notifications][event_soldout][send_to_admin]" value="0" />
-            -
                                                <input type="checkbox" name="mec[notifications][event_soldout][send_to_admin]" value="1" id="mec_notifications_event_soldout_send_to_admin" <?php echo ((!isset($notifications['event_soldout']['send_to_admin']) or (isset($notifications['event_soldout']['send_to_admin']) and $notifications['event_soldout']['send_to_admin'] == 1)) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_event_soldout_send_to_admin"><?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <input type="checkbox" name="mec[notifications][event_soldout][send_to_organizer]" value="1" id="mec_notifications_event_soldout_send_to_organizer" <?php echo ((isset($notifications['event_soldout']['send_to_organizer']) and $notifications['event_soldout']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
-            -
                                                <label for="mec_notifications_event_soldout_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
                                             </div>
                                             <div class="mec-form-row">
                                                 <label for="mec_notifications_event_soldout_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                                 <?php wp_editor((isset($notifications['event_soldout']) ? stripslashes($notifications['event_soldout']['content']) : ''), 'mec_notifications_event_soldout_content', array('textarea_name'=>'mec[notifications][event_soldout][content]')); ?>
                                             </div>
-            -
                                            <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                            <ul>
-            -
                                                <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%admin_link%%</span>: <?php _e('Admin booking management link.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
-            -
                                            </ul>
                                         </div>
                                     </div>
@@ -906,132 +1119,164 @@ $settings = $this->main->get_settings();
                                         <h4 class="mec-form-subtitle"><?php _e('Booking Reminder', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
-            -
                                            <label>
-            -
                                                <input type="hidden" name="mec[notifications][booking_reminder][status]" value="0" />
-            -
                                                <input onchange="jQuery('#mec_notification_booking_reminder_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][booking_reminder][status]" <?php if(isset($notifications['booking_reminder']) and $notifications['booking_reminder']['status']) echo 'checked="checked"'; ?> /> <?php _e('Enable booking reminder notification', 'modern-events-calendar-lite'); ?>
-            -
                                            </label>
                                         </div>
                                         <div id="mec_notification_booking_reminder_container_toggle" class="<?php if((isset($notifications['booking_reminder']) and !$notifications['booking_reminder']['status']) or !isset($notifications['booking_reminder'])) echo 'mec-util-hidden'; ?>">
                                             <div class="mec-form-row">
                                                 <?php $cron = MEC_ABSPATH.'app'.DS.'crons'.DS.'booking-reminder.php'; ?>
-            -
                                                <p class="mec-col-12"><strong><?php _e('Important Note', 'modern-events-calendar-lite'); ?>: </strong><?php echo sprintf(__("Set a cronjob to call %s file once per hour otherwise it won't send the reminders. Please note that you should call this file %s otherwise it may send the reminders multiple times.", 'modern-events-calendar-lite'), '<code>'.$cron.'</code>', '<strong>'.__('only once per hour', 'modern-events-calendar-lite').'</strong>'); ?></p>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_reminder_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][booking_reminder][subject]" id="mec_notifications_booking_reminder_subject" value="<?php echo ((isset($notifications['booking_reminder']) and isset($notifications['booking_reminder']['subject'])) ? stripslashes($notifications['booking_reminder']['subject']) : ''); ?>" />
                                             </div>
                                             <!-- Start Receiver Users -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_reminder_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $users = isset($notifications['booking_reminder']['receiver_users']) ? $notifications['booking_reminder']['receiver_users'] : array();
-            -
                                                    echo $this->main->get_users_dropdown($users, 'booking_reminder');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Users -->
                                             <!-- Start Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_reminder_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $roles = isset($notifications['booking_reminder']['receiver_roles']) ? $notifications['booking_reminder']['receiver_roles'] : array();
-            -
                                                    echo $this->main->get_roles_dropdown($roles, 'booking_reminder');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_reminder_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][booking_reminder][recipients]" id="mec_notifications_booking_reminder_recipients" value="<?php echo ((isset($notifications['booking_reminder']) and isset($notifications['booking_reminder']['recipients'])) ? $notifications['booking_reminder']['recipients'] : ''); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_booking_reminder_hours"><?php _e('Hours', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][booking_reminder][hours]" id="mec_notifications_booking_reminder_hours" value="<?php echo ((isset($notifications['booking_reminder']) and isset($notifications['booking_reminder']['hours'])) ? $notifications['booking_reminder']['hours'] : '24,72,168'); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Reminder hours', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Please, insert comma to separate reminder hours.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <div class="mec-form-row">
                                                 <label for="mec_notifications_booking_reminder_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                                 <?php wp_editor((isset($notifications['booking_reminder']) ? stripslashes($notifications['booking_reminder']['content']) : ''), 'mec_notifications_booking_reminder_content', array('textarea_name'=>'mec[notifications][booking_reminder][content]')); ?>
                                             </div>
-            -
                                            <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                            <ul>
-            -
                                                <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%cancellation_link%%</span>: <?php _e('Booking cancellation link.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%invoice_link%%</span>: <?php _e('Invoice Link', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
-            -
                                            </ul>
                                         </div>
                                     </div>
@@ -1041,88 +1286,117 @@ $settings = $this->main->get_settings();
                                         <h4 class="mec-form-subtitle"><?php _e('New Event', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
-            -
                                            <label>
-            -
                                                <input type="hidden" name="mec[notifications][new_event][status]" value="0" />
-            -
                                                <input onchange="jQuery('#mec_notification_new_event_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][new_event][status]" <?php if(isset($notifications['new_event']['status']) and $notifications['new_event']['status']) echo 'checked="checked"'; ?> /> <?php _e('Enable new event notification', 'modern-events-calendar-lite'); ?>
-            -
                                            </label>
                                         </div>
                                         <div id="mec_notification_new_event_container_toggle" class="<?php if((isset($notifications['new_event']) and !$notifications['new_event']['status']) or !isset($notifications['new_event'])) echo 'mec-util-hidden'; ?>">
                                             <div class="mec-form-row">
-            -
                                                <label>
-            -
                                                    <input type="hidden" name="mec[notifications][new_event][send_to_admin]" value="0" />
-            -
                                                    <input value="1" type="checkbox" name="mec[notifications][new_event][send_to_admin]" <?php if((!isset($notifications['new_event']['send_to_admin'])) or (isset($notifications['new_event']['send_to_admin']) and $notifications['new_event']['send_to_admin'])) echo 'checked="checked"'; ?> /> <?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?>
-            -
                                                </label>
                                             </div>
-            -
                                            <p class="description"><?php _e('Sent after adding a new event from frontend event submission or from website backend.', 'modern-events-calendar-lite'); ?></p>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_new_event_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][new_event][subject]" id="mec_notifications_new_event_subject" value="<?php echo (isset($notifications['new_event']['subject']) ? stripslashes($notifications['new_event']['subject']) : ''); ?>" />
                                             </div>
                                             <!-- Start Receiver Users -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_new_event_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $users = isset($notifications['new_event']['receiver_users']) ? $notifications['new_event']['receiver_users'] : array();
-            -
                                                    echo $this->main->get_users_dropdown($users, 'new_event');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Users -->
                                             <!-- Start Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_new_event_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $roles = isset($notifications['new_event']['receiver_roles']) ? $notifications['new_event']['receiver_roles'] : array();
-            -
                                                    echo $this->main->get_roles_dropdown($roles, 'new_event');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_new_event_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][new_event][recipients]" id="mec_notifications_new_event_recipients" value="<?php echo (isset($notifications['new_event']['recipients']) ? $notifications['new_event']['recipients'] : ''); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <div class="mec-form-row">
                                                 <label for="mec_notifications_new_event_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                                 <?php wp_editor((isset($notifications['new_event']) ? stripslashes($notifications['new_event']['content']) : ''), 'mec_notifications_new_event_content', array('textarea_name'=>'mec[notifications][new_event][content]')); ?>
                                             </div>
-            -
                                            <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                            <ul>
-            -
                                                <li><span>%%event_title%%</span>: <?php _e('Title of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_link%%</span>: <?php _e('Link of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_status%%</span>: <?php _e('Status of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_note%%</span>: <?php _e('Event Note', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%admin_link%%</span>: <?php _e('Admin events management link.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <?php do_action('mec_extra_field_notifications'); ?>
-            -
                                            </ul>
                                         </div>
                                     </div>
@@ -1132,82 +1406,108 @@ $settings = $this->main->get_settings();
                                         <h4 class="mec-form-subtitle"><?php _e('User Event Publishing', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
-            -
                                            <label>
-            -
                                                <input type="hidden" name="mec[notifications][user_event_publishing][status]" value="0" />
-            -
                                                <input onchange="jQuery('#mec_notification_user_event_publishing_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][user_event_publishing][status]" <?php if(isset($notifications['user_event_publishing']['status']) and $notifications['user_event_publishing']['status']) echo 'checked="checked"'; ?> /> <?php _e('Enable user event publishing notification', 'modern-events-calendar-lite'); ?>
-            -
                                            </label>
                                         </div>
                                         <div id="mec_notification_user_event_publishing_container_toggle" class="<?php if((isset($notifications['user_event_publishing']) and !$notifications['user_event_publishing']['status']) or !isset($notifications['user_event_publishing'])) echo 'mec-util-hidden'; ?>">
-            -
                                            <p class="description"><?php _e('Sent after publishing a new event from frontend event submission or from website backend.', 'modern-events-calendar-lite'); ?></p>
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_user_event_publishing_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][user_event_publishing][subject]" id="mec_notifications_user_event_publishing_subject" value="<?php echo (isset($notifications['user_event_publishing']['subject']) ? stripslashes($notifications['user_event_publishing']['subject']) : ''); ?>" />
                                             </div>
                                             <!-- Start Receiver Users -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_user_event_publishing_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $users = isset($notifications['user_event_publishing']['receiver_users']) ? $notifications['user_event_publishing']['receiver_users'] : array();
-            -
                                                    echo $this->main->get_users_dropdown($users, 'user_event_publishing');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Users -->
                                             <!-- Start Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_user_event_publishing_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <?php
-            -
                                                    $roles = isset($notifications['user_event_publishing']['receiver_roles']) ? $notifications['user_event_publishing']['receiver_roles'] : array();
-            -
                                                    echo $this->main->get_roles_dropdown($roles, 'user_event_publishing');
-            -
                                                ?>
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <!-- End Receiver Roles -->
                                             <div class="mec-form-row">
-            -
                                                <label for="mec_notifications_user_event_publishing_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
-            -
                                                <input type="text" name="mec[notifications][user_event_publishing][recipients]" id="mec_notifications_user_event_publishing_recipients" value="<?php echo (isset($notifications['user_event_publishing']['recipients']) ? $notifications['user_event_publishing']['recipients'] : ''); ?>" />
-            -
                                                <span class="mec-tooltip">
-            -
                                                    <div class="box top">
-            -
                                                        <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                        <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                    </div>
-            -
                                                    <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                                </span>
                                             </div>
                                             <div class="mec-form-row">
                                                 <label for="mec_notifications_user_event_publishing_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
                                                 <?php wp_editor((isset($notifications['user_event_publishing']) ? stripslashes($notifications['user_event_publishing']['content']) : ''), 'mec_notifications_user_event_publishing_content', array('textarea_name'=>'mec[notifications][user_event_publishing][content]')); ?>
                                             </div>
-            -
                                            <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
-            -
                                            <ul>
-            -
                                                <li><span>%%event_title%%</span>: <?php _e('Title of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_link%%</span>: <?php _e('Link of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_status%%</span>: <?php _e('Status of event', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%event_note%%</span>: <?php _e('Event Note', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <li><span>%%admin_link%%</span>: <?php _e('Admin events management link.', 'modern-events-calendar-lite'); ?></li>
-            -
                                                <?php do_action('mec_extra_field_notifications'); ?>
-            -
                                            </ul>
                                         </div>
                                     </div>
@@ -1215,10 +1515,12 @@ $settings = $this->main->get_settings();
                                     <div id="notifications_per_event" class="mec-options-fields">
                                         <h4 class="mec-form-subtitle"><?php _e('Notifications Per Event', 'modern-events-calendar-lite'); ?></h4>
                                         <div class="mec-form-row">
-            -
                                            <label>
-            -
                                                <input type="hidden" name="mec[settings][notif_per_event]" value="0" />
-            -
                                                <input value="1" type="checkbox" name="mec[settings][notif_per_event]" <?php if(isset($settings['notif_per_event']) and $settings['notif_per_event']) echo 'checked="checked"'; ?> /> <?php _e('Edit Notifications Per Event', 'modern-events-calendar-lite'); ?>
-            -
                                            </label>
                                         </div>
                                     </div>


35
36	<h4 class="mec-form-subtitle"><?php _e('Booking', 'modern-events-calendar-lite'); ?></h4>
37	<div class="mec-form-row">
38	+ <div class="mec-col-12">
39	<label>
40	<input type="hidden" name="mec[notifications][booking_notification][status]" value="0" />
41	<input onchange="jQuery('#mec_notification_booking_notification_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][booking_notification][status]" <?php if(!isset($notifications['booking_notification']['status']) or (isset($notifications['booking_notification']['status']) and $notifications['booking_notification']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable booking notification', 'modern-events-calendar-lite'); ?>
42	</label>
43	</div>
44	+ <p class="mec-col-12 description"><?php _e('Sent to attendee after booking to notify them.', 'modern-events-calendar-lite'); ?></p>
45	+ </div>
46	<div id="mec_notification_booking_notification_container_toggle" class="<?php if(isset($notifications['booking_notification']) and isset($notifications['booking_notification']['status']) and !$notifications['booking_notification']['status']) echo 'mec-util-hidden'; ?>">

47	<div class="mec-form-row">
48	+ <div class="mec-col-3">
49	+ <label for="mec_notifications_booking_notification_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
50	+ </div>
51	+ <div class="mec-col-9">
52	+ <input type="text" name="mec[notifications][booking_notification][subject]" id="mec_notifications_booking_notification_subject" value="<?php echo (isset($notifications['booking_notification']['subject']) ? stripslashes($notifications['booking_notification']['subject']) : ''); ?>" />
53	+ </div>
54	</div>
55
56	<!-- Start Receiver Users -->
57	<div class="mec-form-row">
58	+ <div class="mec-col-3">
59	+ <label for="mec_notifications_booking_notification_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
60	+ </div>
61	+ <div class="mec-col-9">
62	+ <?php
63	+ $users = isset($notifications['booking_notification']['receiver_users']) ? $notifications['booking_notification']['receiver_users'] : array();
64	+ echo $this->main->get_users_dropdown($users, 'booking_notification');
65	+ ?>
66	+ <span class="mec-tooltip">
67	+ <div class="box left">
68	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
69	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
70	+ </div>
71	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
72	+ </span>
73	+ </div>
74	</div>
75	<!-- End Receiver Users -->
76
77	<!-- Start Receiver Roles -->
78	<div class="mec-form-row">
79	+ <div class="mec-col-3">
80	+ <label for="mec_notifications_booking_notification_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
81	+ </div>
82	+ <div class="mec-col-9">
83	+ <?php
84	+ $roles = isset($notifications['booking_notification']['receiver_roles']) ? $notifications['booking_notification']['receiver_roles'] : array();
85	+ echo $this->main->get_roles_dropdown($roles, 'booking_notification');
86	+ ?>
87	+ <span class="mec-tooltip">
88	+ <div class="box left">
89	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
90	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
91	+ </div>
92	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
93	+ </span>
94	+ </div>
95	</div>
96	<!-- End Receiver Roles -->
97
98	<div class="mec-form-row">
99	+ <div class="mec-col-3">
100	+ <label for="mec_notifications_booking_notification_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
101	+ </div>
102	+ <div class="mec-col-9">
103	+ <input type="text" name="mec[notifications][booking_notification][recipients]" id="mec_notifications_booking_notification_recipients" value="<?php echo (isset($notifications['booking_notification']['recipients']) ? $notifications['booking_notification']['recipients'] : ''); ?>" />
104	+ <span class="mec-tooltip">
105	+ <div class="box left">
106	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
107	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
108	+ </div>
109	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
110	+ </span>
111	+ </div>
112	</div>
113	<div class="mec-form-row">
114	+ <div class="mec-col-12">
115	+ <input type="checkbox" name="mec[notifications][booking_notification][send_to_organizer]" value="1" id="mec_notifications_booking_notification_send_to_organizer" <?php echo ((isset($notifications['booking_notification']['send_to_organizer']) and $notifications['booking_notification']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
116	+ <label for="mec_notifications_booking_notification_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
117	+ </div>
118	</div>
119	<div class="mec-form-row">
120	<label for="mec_notifications_booking_notification_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
121	<?php wp_editor((isset($notifications['booking_notification']) ? stripslashes($notifications['booking_notification']['content']) : ''), 'mec_notifications_booking_notification_content', array('textarea_name'=>'mec[notifications][booking_notification][content]')); ?>
122	</div>
123	+
124	+ <?php
125	+ $section = 'booking_notification';
126	+ do_action('mec_display_notification_settings',$notifications,$section);
127	+ ?>
128	+ <div class="mec-form-row">
129	+ <div class="mec-col-12">
130	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
131	+ <ul>
132	+ <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
133	+ <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
134	+ <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
135	+ <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
136	+ <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
137	+ <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
138	+ <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
139	+ <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
140	+ <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
141	+ <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
142	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
143	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
144	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
145	+ <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
146	+ <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
147	+ <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
148	+ <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
149	+ <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
150	+ <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
151	+ <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
152	+ <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
153	+ <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
154	+ <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
155	+ <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
156	+ <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
157	+ <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
158	+ <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
159	+ <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
160	+ <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
161	+ <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
162	+ <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
163	+ <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
164	+ <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
165	+ <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
166	+ <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
167	+ <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
168	+ <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
169	+ <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
170	+ <li><span>%%invoice_link%%</span>: <?php _e('Invoice Link', 'modern-events-calendar-lite'); ?></li>
171	+ <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
172	+ <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
173	+ <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
174	+ <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
175	+ <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
176	+ <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
177	+ <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
178	+ <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
179	+ <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
180	+ <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
181	+ <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
182	+ <?php do_action('mec_extra_field_notifications'); ?>
183	+ </ul>
184	+ </div>
185	+ </div>
186	</div>
187	</div>
188
189	<div id="booking_verification" class="mec-options-fields">
190
191	<h4 class="mec-form-subtitle"><?php _e('Booking Verification', 'modern-events-calendar-lite'); ?></h4>

192	<div class="mec-form-row">
193	+ <p class="mec-col-12 description"><?php _e('It sends to attendee email for verifying their booking/email.', 'modern-events-calendar-lite'); ?></p>
194	+ </div>
195	+
196	+ <div class="mec-form-row">
197	+ <div class="mec-col-3">
198	+ <label for="mec_notifications_email_verification_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
199	+ </div>
200	+ <div class="mec-col-9">
201	+ <input type="text" name="mec[notifications][email_verification][subject]" id="mec_notifications_email_verification_subject" value="<?php echo (isset($notifications['email_verification']['subject']) ? stripslashes($notifications['email_verification']['subject']) : ''); ?>" />
202	+ </div>
203	</div>
204
205	<!-- Start Receiver Users -->
206	<div class="mec-form-row">
207	+ <div class="mec-col-3">
208	+ <label for="mec_notifications_email_verification_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
209	+ </div>
210	+ <div class="mec-col-9">
211	+ <?php
212	+ $users = isset($notifications['email_verification']['receiver_users']) ? $notifications['email_verification']['receiver_users'] : array();
213	+ echo $this->main->get_users_dropdown($users, 'email_verification');
214	+ ?>
215	+ <span class="mec-tooltip">
216	+ <div class="box left">
217	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
218	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
219	+ </div>
220	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
221	+ </span>
222	+ </div>
223	</div>
224	<!-- End Receiver Users -->
225
226	<!-- Start Receiver Roles -->
227	<div class="mec-form-row">
228	+ <div class="mec-col-3">
229	+ <label for="mec_notifications_email_verification_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
230	+ </div>
231	+ <div class="mec-col-9">
232	+ <?php
233	+ $roles = isset($notifications['email_verification']['receiver_roles']) ? $notifications['email_verification']['receiver_roles'] : array();
234	+ echo $this->main->get_roles_dropdown($roles, 'email_verification');
235	+ ?>
236	+ <span class="mec-tooltip">
237	+ <div class="box left">
238	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
239	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
240	+ </div>
241	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
242	+ </span>
243	+ </div>
244	</div>
245	<!-- End Receiver Roles -->
246
247	<div class="mec-form-row">
248	+ <div class="mec-col-3">
249	+ <label for="mec_notifications_email_verification_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
250	+ </div>
251	+ <div class="mec-col-9">
252	<input type="text" name="mec[notifications][email_verification][recipients]" id="mec_notifications_email_verification_recipients" value="<?php echo (isset($notifications['email_verification']['recipients']) ? $notifications['email_verification']['recipients'] : ''); ?>" />
253	+ <span class="mec-tooltip">
254	+ <div class="box left">
255	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
256	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
257	+ </div>
258	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
259	+ </span>
260	+ </div>
261	</div>
262	<div class="mec-form-row">
263	<label for="mec_notifications_email_verification_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
264	<?php wp_editor((isset($notifications['email_verification']) ? stripslashes($notifications['email_verification']['content']) : ''), 'mec_notifications_email_verification_content', array('textarea_name'=>'mec[notifications][email_verification][content]')); ?>
265	</div>
266	+
267	+ <?php
268	+ $section = 'email_verification';
269	+ do_action('mec_display_notification_settings',$notifications,$section);
270	+ ?>
271	+ <div class="mec-form-row">
272	+ <div class="mec-col-12">
273	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
274	+ <ul>
275	+ <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
276	+ <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
277	+ <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
278	+ <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
279	+ <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
280	+ <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
281	+ <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
282	+ <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
283	+ <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
284	+ <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
285	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
286	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
287	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
288	+ <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
289	+ <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
290	+ <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
291	+ <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
292	+ <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
293	+ <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
294	+ <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
295	+ <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
296	+ <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
297	+ <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
298	+ <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
299	+ <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
300	+ <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
301	+ <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
302	+ <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
303	+ <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
304	+ <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
305	+ <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
306	+ <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
307	+ <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
308	+ <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
309	+ <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
310	+ <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
311	+ <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
312	+ <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
313	+ <li><span>%%verification_link%%</span>: <?php _e('Email/Booking verification link.', 'modern-events-calendar-lite'); ?></li>
314	+ <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
315	+ <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
316	+ <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
317	+ <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
318	+ <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
319	+ <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
320	+ <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
321	+ <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
322	+ <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
323	+ <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
324	+ <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
325	+ <?php do_action('mec_extra_field_notifications'); ?>
326	+ </ul>
327	+ </div>
328	+ </div>
329
330	</div>
331

333
334	<h4 class="mec-form-subtitle"><?php _e('Booking Confirmation', 'modern-events-calendar-lite'); ?></h4>
335	<div class="mec-form-row">
336	+ <div class="mec-col-12">
337	+ <label>
338	+ <input type="hidden" name="mec[notifications][booking_confirmation][status]" value="0" />
339	+ <input onchange="jQuery('#mec_notification_booking_confirmation_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][booking_confirmation][status]" <?php if(!isset($notifications['booking_confirmation']['status']) or (isset($notifications['booking_confirmation']['status']) and $notifications['booking_confirmation']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable booking confirmation', 'modern-events-calendar-lite'); ?>
340	+ </label>
341	+ </div>
342	+ <p class="mec-col-12 description"><?php _e('Sent to attendee after confirming the booking by admin.', 'modern-events-calendar-lite'); ?></p>
343	</div>
344	<div id="mec_notification_booking_confirmation_container_toggle" class="<?php if(isset($notifications['booking_confirmation']) and isset($notifications['booking_confirmation']['status']) and !$notifications['booking_confirmation']['status']) echo 'mec-util-hidden'; ?>">
345

346	<div class="mec-form-row">
347	+ <div class="mec-col-3">
348	+ <label for="mec_notifications_booking_confirmation_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
349	+ </div>
350	+ <div class="mec-col-9">
351	+ <input type="text" name="mec[notifications][booking_confirmation][subject]" id="mec_notifications_booking_confirmation_subject" value="<?php echo (isset($notifications['booking_confirmation']['subject']) ? stripslashes($notifications['booking_confirmation']['subject']) : ''); ?>" />
352	+ </div>
353	</div>
354
355	<!-- Start Receiver Users -->
356	<div class="mec-form-row">
357	+ <div class="mec-col-3">
358	+ <label for="mec_notifications_booking_confirmation_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
359	+ </div>
360	+ <div class="mec-col-9">
361	+ <?php
362	+ $users = isset($notifications['booking_confirmation']['receiver_users']) ? $notifications['booking_confirmation']['receiver_users'] : array();
363	+ echo $this->main->get_users_dropdown($users, 'booking_confirmation');
364	+ ?>
365	+ <span class="mec-tooltip">
366	+ <div class="box left">
367	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
368	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
369	+ </div>
370	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
371	+ </span>
372	</div>


373	</div>
374	<!-- End Receiver Users -->
375
376	<!-- Start Receiver Roles -->
377	<div class="mec-form-row">
378	+ <div class="mec-col-3">
379	+ <label for="mec_notifications_booking_confirmation_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
380	+ </div>
381	+ <div class="mec-col-9">
382	+ <?php
383	+ $roles = isset($notifications['booking_confirmation']['receiver_roles']) ? $notifications['booking_confirmation']['receiver_roles'] : array();
384	+ echo $this->main->get_roles_dropdown($roles, 'booking_confirmation');
385	+ ?>
386	+ <span class="mec-tooltip">
387	+ <div class="box left">
388	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
389	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
390	+ </div>
391	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
392	+ </span>
393	</div>


394	</div>
395	<!-- End Receiver Roles -->
396
397	<div class="mec-form-row">
398	+ <div class="mec-col-3">
399	+ <label for="mec_notifications_booking_confirmation_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
400	+ </div>
401	+ <div class="mec-col-9">
402	+ <input type="text" name="mec[notifications][booking_confirmation][recipients]" id="mec_notifications_booking_confirmation_recipients" value="<?php echo (isset($notifications['booking_confirmation']['recipients']) ? $notifications['booking_confirmation']['recipients'] : ''); ?>" />
403	+ <span class="mec-tooltip">
404	+ <div class="box left">
405	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
406	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
407	+ </div>
408	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
409	+ </span>
410	</div>


411	</div>
412	+
413	<div class="mec-form-row">
414	+ <div class="mec-col-12">
415	+ <input type="checkbox" name="mec[notifications][booking_confirmation][send_single_one_email]" value="1" id="mec_notifications_booking_confirmation_send_single_one_email" <?php echo ((isset($notifications['booking_confirmation']['send_single_one_email']) and $notifications['booking_confirmation']['send_single_one_email'] == 1) ? 'checked="checked"' : ''); ?> />
416	+ <label for="mec_notifications_booking_confirmation_send_single_one_email"><?php _e('Send one single email only to first attendee', 'modern-events-calendar-lite'); ?></label>
417	+ </div>
418	</div>
419	<div class="mec-form-row">
420	<label for="mec_notifications_booking_confirmation_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
421	<?php wp_editor((isset($notifications['booking_confirmation']) ? stripslashes($notifications['booking_confirmation']['content']) : ''), 'mec_notifications_booking_confirmation_content', array('textarea_name'=>'mec[notifications][booking_confirmation][content]')); ?>
422	</div>
























































423
424	+ <?php
425	+ $section = 'booking_confirmation';
426	+ do_action('mec_display_notification_settings',$notifications,$section);
427	+ ?>
428	+ <div class="mec-form-row">
429	+ <div class="mec-col-12">
430	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
431	+ <ul>
432	+ <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
433	+ <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
434	+ <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
435	+ <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
436	+ <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
437	+ <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
438	+ <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
439	+ <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
440	+ <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
441	+ <li><span>%%attendee_price%%</span>: <?php _e('Attendee Price', 'modern-events-calendar-lite'); ?></li>
442	+ <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
443	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
444	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
445	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
446	+ <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
447	+ <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
448	+ <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
449	+ <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
450	+ <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
451	+ <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
452	+ <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
453	+ <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
454	+ <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
455	+ <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
456	+ <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
457	+ <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
458	+ <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
459	+ <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
460	+ <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
461	+ <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
462	+ <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
463	+ <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
464	+ <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
465	+ <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
466	+ <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
467	+ <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
468	+ <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
469	+ <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
470	+ <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
471	+ <li><span>%%cancellation_link%%</span>: <?php _e('Booking cancellation link.', 'modern-events-calendar-lite'); ?></li>
472	+ <li><span>%%invoice_link%%</span>: <?php _e('Invoice Link', 'modern-events-calendar-lite'); ?></li>
473	+ <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
474	+ <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
475	+ <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
476	+ <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
477	+ <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
478	+ <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
479	+ <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
480	+ <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
481	+ <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
482	+ <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
483	+ <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
484	+ <?php do_action('mec_extra_field_notifications'); ?>
485	+ </ul>
486	+ </div>
487	+ </div>
488	</div>
489
490	</div>

493
494	<h4 class="mec-form-subtitle"><?php _e('Booking Rejection', 'modern-events-calendar-lite'); ?></h4>
495	<div class="mec-form-row">
496	+ <div class="mec-col-12">
497	+ <label>
498	+ <input type="hidden" name="mec[notifications][booking_rejection][status]" value="0" />
499	+ <input onchange="jQuery('#mec_notification_booking_rejection_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][booking_rejection][status]" <?php if((isset($notifications['booking_rejection']) and isset($notifications['booking_rejection']['status']) and $notifications['booking_rejection']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable booking rejection', 'modern-events-calendar-lite'); ?>
500	+ </label>
501	+ </div>
502	+ <p class="mec-col-12 description"><?php _e('Sent to attendee after booking rejection by admin.', 'modern-events-calendar-lite'); ?></p>
503	</div>
504	<div id="mec_notification_booking_rejection_container_toggle" class="<?php if(!isset($notifications['booking_rejection']) or (isset($notifications['booking_rejection']) and isset($notifications['booking_rejection']['status']) and !$notifications['booking_rejection']['status'])) echo 'mec-util-hidden'; ?>">
505

506	<div class="mec-form-row">
507	+ <div class="mec-col-3">
508	+ <label for="mec_notifications_booking_rejection_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
509	+ </div>
510	+ <div class="mec-col-9">
511	+ <input type="text" name="mec[notifications][booking_rejection][subject]" id="mec_notifications_booking_rejection_subject" value="<?php echo (isset($notifications['booking_rejection']['subject']) ? stripslashes($notifications['booking_rejection']['subject']) : ''); ?>" />
512	+ </div>
513	</div>
514
515	<!-- Start Receiver Users -->
516	<div class="mec-form-row">
517	+ <div class="mec-col-3">
518	+ <label for="mec_notifications_booking_rejection_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
519	+ </div>
520	+ <div class="mec-col-9">
521	+ <?php
522	+ $users = isset($notifications['booking_rejection']['receiver_users']) ? $notifications['booking_rejection']['receiver_users'] : array();
523	+ echo $this->main->get_users_dropdown($users, 'booking_rejection');
524	+ ?>
525	+ <span class="mec-tooltip">
526	+ <div class="box left">
527	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
528	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
529	+ </div>
530	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
531	+ </span>
532	+ </div>
533	</div>
534	<!-- End Receiver Users -->
535
536	<!-- Start Receiver Roles -->
537	<div class="mec-form-row">
538	+ <div class="mec-col-3">
539	+ <label for="mec_notifications_booking_rejection_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
540	+ </div>
541	+ <div class="mec-col-9">
542	+ <?php
543	+ $roles = isset($notifications['booking_rejection']['receiver_roles']) ? $notifications['booking_rejection']['receiver_roles'] : array();
544	+ echo $this->main->get_roles_dropdown($roles, 'booking_rejection');
545	+ ?>
546	+ <span class="mec-tooltip">
547	+ <div class="box top">
548	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
549	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
550	+ </div>
551	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
552	+ </span>
553	+ </div>
554	</div>
555	<!-- End Receiver Roles -->
556
557	<div class="mec-form-row">
558	+ <div class="mec-col-3">
559	+ <label for="mec_notifications_booking_rejection_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
560	+ </div>
561	+ <div class="mec-col-9">
562	+ <input type="text" name="mec[notifications][booking_rejection][recipients]" id="mec_notifications_booking_rejection_recipients" value="<?php echo (isset($notifications['booking_rejection']['recipients']) ? $notifications['booking_rejection']['recipients'] : ''); ?>" />
563	+ <span class="mec-tooltip">
564	+ <div class="box left">
565	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
566	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
567	+ </div>
568	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
569	+ </span>
570	+ </div>
571	</div>
572
573	<div class="mec-form-row">
574	+ <div class="mec-col-12">
575	+ <input type="checkbox" name="mec[notifications][booking_rejection][send_to_admin]" value="1" id="mec_notifications_booking_rejection_send_to_admin" <?php echo ((!isset($notifications['booking_rejection']['send_to_admin']) or $notifications['booking_rejection']['send_to_admin'] == 1) ? 'checked="checked"' : ''); ?> />
576	+ <label for="mec_notifications_booking_rejection_send_to_admin"><?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?></label>
577	+ </div>
578	</div>
579	<div class="mec-form-row">
580	+ <div class="mec-col-12">
581	+ <input type="checkbox" name="mec[notifications][booking_rejection][send_to_organizer]" value="1" id="mec_notifications_booking_rejection_send_to_organizer" <?php echo ((isset($notifications['booking_rejection']['send_to_organizer']) and $notifications['booking_rejection']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
582	+ <label for="mec_notifications_booking_rejection_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
583	+ </div>
584	</div>
585	<div class="mec-form-row">
586	+ <div class="mec-col-12">
587	+ <input type="checkbox" name="mec[notifications][booking_rejection][send_to_user]" value="1" id="mec_notifications_booking_rejection_send_to_user" <?php echo ((isset($notifications['booking_rejection']['send_to_user']) and $notifications['booking_rejection']['send_to_user'] == 1) ? 'checked="checked"' : ''); ?> />
588	+ <label for="mec_notifications_booking_rejection_send_to_user"><?php _e('Send the email to the booked user', 'modern-events-calendar-lite'); ?></label>
589	+ </div>
590	</div>
591
592	<div class="mec-form-row">
593	<label for="mec_notifications_booking_rejection_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
594	<?php wp_editor((isset($notifications['booking_rejection']) ? stripslashes($notifications['booking_rejection']['content']) : ''), 'mec_notifications_booking_rejection_content', array('textarea_name'=>'mec[notifications][booking_rejection][content]')); ?>
595	</div>
























































596
597	+ <?php
598	+ $section = 'booking_rejection';
599	+ do_action('mec_display_notification_settings',$notifications,$section);
600	+ ?>
601	+ <div class="mec-form-row">
602	+ <div class="mec-col-12">
603	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
604	+ <ul>
605	+ <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
606	+ <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
607	+ <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
608	+ <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
609	+ <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
610	+ <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
611	+ <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
612	+ <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
613	+ <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
614	+ <li><span>%%attendee_price%%</span>: <?php _e('Attendee Price', 'modern-events-calendar-lite'); ?></li>
615	+ <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
616	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
617	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
618	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
619	+ <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
620	+ <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
621	+ <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
622	+ <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
623	+ <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
624	+ <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
625	+ <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
626	+ <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
627	+ <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
628	+ <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
629	+ <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
630	+ <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
631	+ <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
632	+ <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
633	+ <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
634	+ <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
635	+ <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
636	+ <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
637	+ <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
638	+ <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
639	+ <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
640	+ <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
641	+ <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
642	+ <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
643	+ <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
644	+ <li><span>%%cancellation_link%%</span>: <?php _e('Booking cancellation link.', 'modern-events-calendar-lite'); ?></li>
645	+ <li><span>%%invoice_link%%</span>: <?php _e('Invoice Link', 'modern-events-calendar-lite'); ?></li>
646	+ <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
647	+ <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
648	+ <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
649	+ <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
650	+ <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
651	+ <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
652	+ <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
653	+ <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
654	+ <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
655	+ <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
656	+ <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
657	+ <?php do_action('mec_extra_field_notifications'); ?>
658	+ </ul>
659	+ </div>
660	+ </div>
661	</div>
662
663	</div>

665	<div id="cancellation_notification" class="mec-options-fields">
666	<h4 class="mec-form-subtitle"><?php _e('Booking Cancellation', 'modern-events-calendar-lite'); ?></h4>
667	<div class="mec-form-row">
668	+ <div class="mec-col-12">
669	+ <label>
670	+ <input type="hidden" name="mec[notifications][cancellation_notification][status]" value="0" />
671	+ <input onchange="jQuery('#mec_notification_cancellation_notification_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][cancellation_notification][status]" <?php if((isset($notifications['cancellation_notification']['status']) and $notifications['cancellation_notification']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable cancellation notification', 'modern-events-calendar-lite'); ?>
672	+ </label>
673	+ <p class="mec-col-12 description"><?php _e('Sent to selected recipients after booking cancellation to notify them.', 'modern-events-calendar-lite'); ?></p>
674	+ </div>
675	</div>
676	<div id="mec_notification_cancellation_notification_container_toggle" class="<?php if((isset($notifications['cancellation_notification']) and !$notifications['cancellation_notification']['status']) or !isset($notifications['cancellation_notification'])) echo 'mec-util-hidden'; ?>">

677	<div class="mec-form-row">
678	+ <div class="mec-col-3">
679	+ <label for="mec_notifications_cancellation_notification_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
680	+ </div>
681	+ <div class="mec-col-9">
682	+ <input type="text" name="mec[notifications][cancellation_notification][subject]" id="mec_notifications_cancellation_notification_subject" value="<?php echo (isset($notifications['cancellation_notification']['subject']) ? stripslashes($notifications['cancellation_notification']['subject']) : 'Your booking is canceled.'); ?>" />
683	+ </div>
684	</div>
685
686	<!-- Start Receiver Users -->
687	<div class="mec-form-row">
688	+ <div class="mec-col-3">
689	+ <label for="mec_notifications_cancellation_notification_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
690	+ </div>
691	+ <div class="mec-col-9">
692	+ <?php
693	+ $users = isset($notifications['cancellation_notification']['receiver_users']) ? $notifications['cancellation_notification']['receiver_users'] : array();
694	+ echo $this->main->get_users_dropdown($users, 'cancellation_notification');
695	+ ?>
696	+ <span class="mec-tooltip">
697	+ <div class="box left">
698	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
699	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
700	+ </div>
701	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
702	+ </span>
703	+ </div>
704	</div>
705	<!-- End Receiver Users -->
706
707	<!-- Start Receiver Roles -->
708	<div class="mec-form-row">
709	+ <div class="mec-col-3">
710	+ <label for="mec_notifications_cancellation_notification_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
711	+ </div>
712	+ <div class="mec-col-9">
713	+ <?php
714	+ $roles = isset($notifications['cancellation_notification']['receiver_roles']) ? $notifications['cancellation_notification']['receiver_roles'] : array();
715	+ echo $this->main->get_roles_dropdown($roles, 'cancellation_notification');
716	+ ?>
717	+ <span class="mec-tooltip">
718	+ <div class="box left">
719	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
720	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
721	+ </div>
722	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
723	+ </span>
724	+ </div>
725	</div>
726	<!-- End Receiver Roles -->
727
728	<div class="mec-form-row">
729	+ <div class="mec-col-3">
730	+ <label for="mec_notifications_cancellation_notification_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
731	+ </div>
732	+ <div class="mec-col-9">
733	+ <input type="text" name="mec[notifications][cancellation_notification][recipients]" id="mec_notifications_cancellation_notification_recipients" value="<?php echo (isset($notifications['cancellation_notification']['recipients']) ? $notifications['cancellation_notification']['recipients'] : ''); ?>" />
734	+ <span class="mec-tooltip">
735	+ <div class="box left">
736	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
737	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
738	+ </div>
739	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
740	+ </span>
741	+ </div>
742	</div>
743	<div class="mec-form-row">
744	+ <div class="mec-col-12">
745	+ <input type="checkbox" name="mec[notifications][cancellation_notification][send_to_admin]" value="1" id="mec_notifications_cancellation_notification_send_to_admin" <?php echo ((!isset($notifications['cancellation_notification']['send_to_admin']) or $notifications['cancellation_notification']['send_to_admin'] == 1) ? 'checked="checked"' : ''); ?> />
746	+ <label for="mec_notifications_cancellation_notification_send_to_admin"><?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?></label>
747	+ </div>
748	</div>
749	<div class="mec-form-row">
750	+ <div class="mec-col-12">
751	+ <input type="checkbox" name="mec[notifications][cancellation_notification][send_to_organizer]" value="1" id="mec_notifications_cancellation_notification_send_to_organizer" <?php echo ((isset($notifications['cancellation_notification']['send_to_organizer']) and $notifications['cancellation_notification']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
752	+ <label for="mec_notifications_cancellation_notification_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
753	+ </div>
754	</div>
755	<div class="mec-form-row">
756	+ <div class="mec-col-12">
757	+ <input type="checkbox" name="mec[notifications][cancellation_notification][send_to_user]" value="1" id="mec_notifications_cancellation_notification_send_to_user" <?php echo ((isset($notifications['cancellation_notification']['send_to_user']) and $notifications['cancellation_notification']['send_to_user'] == 1) ? 'checked="checked"' : ''); ?> />
758	+ <label for="mec_notifications_cancellation_notification_send_to_user"><?php _e('Send the email to the booked user', 'modern-events-calendar-lite'); ?></label>
759	+ </div>
760	</div>
761	<div class="mec-form-row">
762	<label for="mec_notifications_cancellation_notification_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
763	<?php wp_editor((isset($notifications['cancellation_notification']) ? stripslashes($notifications['cancellation_notification']['content']) : ''), 'mec_notifications_cancellation_notification_content', array('textarea_name'=>'mec[notifications][cancellation_notification][content]')); ?>
764	</div>
765	+
766	+ <?php
767	+ $section = 'cancellation_notification';
768	+ do_action('mec_display_notification_settings',$notifications,$section);
769	+ ?>
770	+ <div class="mec-form-row">
771	+ <div class="mec-col-12">
772	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
773	+ <ul>
774	+ <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
775	+ <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
776	+ <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
777	+ <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
778	+ <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
779	+ <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
780	+ <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
781	+ <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
782	+ <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
783	+ <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
784	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
785	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
786	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
787	+ <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
788	+ <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
789	+ <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
790	+ <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
791	+ <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
792	+ <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
793	+ <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
794	+ <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
795	+ <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
796	+ <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
797	+ <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
798	+ <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
799	+ <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
800	+ <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
801	+ <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
802	+ <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
803	+ <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
804	+ <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
805	+ <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
806	+ <li><span>%%admin_link%%</span>: <?php _e('Admin booking management link.', 'modern-events-calendar-lite'); ?></li>
807	+ <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
808	+ <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
809	+ <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
810	+ <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
811	+ <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
812	+ <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
813	+ <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
814	+ <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
815	+ </ul>
816	+ </div>
817	+ </div>
818	</div>
819	</div>
820

822
823	<h4 class="mec-form-subtitle"><?php _e('Admin', 'modern-events-calendar-lite'); ?></h4>
824	<div class="mec-form-row">
825	+ <div class="mec-col-12">
826	+ <label>
827	+ <input type="hidden" name="mec[notifications][admin_notification][status]" value="0" />
828	+ <input onchange="jQuery('#mec_notification_admin_notification_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][admin_notification][status]" <?php if(!isset($notifications['admin_notification']['status']) or (isset($notifications['admin_notification']['status']) and $notifications['admin_notification']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable admin notification', 'modern-events-calendar-lite'); ?>
829	+ </label>
830	+ </div>
831	+ <p class="mec-col-12 description"><?php _e('Sent to admin to notify them that a new booking has been received.', 'modern-events-calendar-lite'); ?></p>
832	</div>
833	<div id="mec_notification_admin_notification_container_toggle" class="<?php if(isset($notifications['admin_notification']) and isset($notifications['admin_notification']['status']) and !$notifications['admin_notification']['status']) echo 'mec-util-hidden'; ?>">

834	<div class="mec-form-row">
835	+ <div class="mec-col-3">
836	+ <label for="mec_notifications_admin_notification_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
837	+ </div>
838	+ <div class="mec-col-9">
839	+ <input type="text" name="mec[notifications][admin_notification][subject]" id="mec_notifications_admin_notification_subject" value="<?php echo (isset($notifications['admin_notification']['subject']) ? stripslashes($notifications['admin_notification']['subject']) : ''); ?>" />
840	+ </div>
841	</div>
842
843	<!-- Start Receiver Users -->
844	<div class="mec-form-row">
845	+ <div class="mec-col-3">
846	+ <label for="mec_notifications_admin_notification_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
847	+ </div>
848	+ <div class="mec-col-9">
849	+ <?php
850	+ $users = isset($notifications['admin_notification']['receiver_users']) ? $notifications['admin_notification']['receiver_users'] : array();
851	+ echo $this->main->get_users_dropdown($users, 'admin_notification');
852	+ ?>
853	+ <span class="mec-tooltip">
854	+ <div class="box left">
855	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
856	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
857	+ </div>
858	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
859	+ </span>
860	+ </div>
861	</div>
862	<!-- End Receiver Users -->
863
864	<!-- Start Receiver Roles -->
865	<div class="mec-form-row">
866	+ <div class="mec-col-3">
867	+ <label for="mec_notifications_admin_notification_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
868	+ </div>
869	+ <div class="mec-col-9">
870	+ <?php
871	+ $roles = isset($notifications['admin_notification']['receiver_roles']) ? $notifications['admin_notification']['receiver_roles'] : array();
872	+ echo $this->main->get_roles_dropdown($roles, 'admin_notification');
873	+ ?>
874	+ <span class="mec-tooltip">
875	+ <div class="box left">
876	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
877	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
878	+ </div>
879	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
880	+ </span>
881	+ </div>
882	</div>
883	<!-- End Receiver Roles -->
884
885	<div class="mec-form-row">
886	+ <div class="mec-col-3">
887	+ <label for="mec_notifications_admin_notification_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
888	+ </div>
889	+ <div class="mec-col-9">
890	+ <input type="text" name="mec[notifications][admin_notification][recipients]" id="mec_notifications_admin_notification_recipients" value="<?php echo (isset($notifications['admin_notification']['recipients']) ? $notifications['admin_notification']['recipients'] : ''); ?>" />
891	+ <span class="mec-tooltip">
892	+ <div class="box left">
893	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
894	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
895	+ </div>
896	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
897	+ </span>
898	+ </div>
899	</div>
900	<div class="mec-form-row">
901	+ <div class="mec-col-12">
902	+ <input type="hidden" name="mec[notifications][admin_notification][send_to_admin]" value="0" />
903	+ <input type="checkbox" name="mec[notifications][admin_notification][send_to_admin]" value="1" id="mec_notifications_admin_notification_send_to_admin" <?php echo ((!isset($notifications['admin_notification']['send_to_admin']) or (isset($notifications['admin_notification']['send_to_admin']) and $notifications['admin_notification']['send_to_admin'] == 1)) ? 'checked="checked"' : ''); ?> />
904	+ <label for="mec_notifications_admin_notification_send_to_admin"><?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?></label>
905	+ </div>
906	</div>
907	<div class="mec-form-row">
908	+ <div class="mec-col-12">
909	+ <input type="checkbox" name="mec[notifications][admin_notification][send_to_organizer]" value="1" id="mec_notifications_admin_notification_send_to_organizer" <?php echo ((isset($notifications['admin_notification']['send_to_organizer']) and $notifications['admin_notification']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
910	+ <label for="mec_notifications_admin_notification_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
911	+ </div>
912	</div>
913	<div class="mec-form-row">
914	<label for="mec_notifications_admin_notification_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
915	<?php wp_editor((isset($notifications['admin_notification']) ? stripslashes($notifications['admin_notification']['content']) : ''), 'mec_notifications_admin_notification_content', array('textarea_name'=>'mec[notifications][admin_notification][content]')); ?>
916	</div>
917	+
918	+ <?php
919	+ $section = 'admin_notification';
920	+ do_action('mec_display_notification_settings',$notifications,$section);
921	+ ?>
922	+ <div class="mec-form-row">
923	+ <div class="mec-col-12">
924	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
925	+ <ul>
926	+ <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
927	+ <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
928	+ <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
929	+ <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
930	+ <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
931	+ <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
932	+ <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
933	+ <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
934	+ <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
935	+ <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
936	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
937	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
938	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
939	+ <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
940	+ <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
941	+ <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
942	+ <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
943	+ <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
944	+ <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
945	+ <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
946	+ <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
947	+ <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
948	+ <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
949	+ <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
950	+ <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
951	+ <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
952	+ <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
953	+ <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
954	+ <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
955	+ <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
956	+ <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
957	+ <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
958	+ <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
959	+ <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
960	+ <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
961	+ <li><span>%%admin_link%%</span>: <?php _e('Admin booking management link.', 'modern-events-calendar-lite'); ?></li>
962	+ <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
963	+ <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
964	+ <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
965	+ <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
966	+ <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
967	+ <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
968	+ <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
969	+ <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
970	+ </ul>
971	+ </div>
972	+ </div>
973	</div>
974	</div>
975

977
978	<h4 class="mec-form-subtitle"><?php _e('Event Soldout', 'modern-events-calendar-lite'); ?></h4>
979	<div class="mec-form-row">
980	+ <div class="mec-col-12">
981	+ <label>
982	+ <input type="hidden" name="mec[notifications][event_soldout][status]" value="0" />
983	+ <input onchange="jQuery('#mec_notification_event_soldout_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][event_soldout][status]" <?php if(!isset($notifications['event_soldout']['status']) or (isset($notifications['event_soldout']['status']) and $notifications['event_soldout']['status'])) echo 'checked="checked"'; ?> /> <?php _e('Enable event soldout notification', 'modern-events-calendar-lite'); ?>
984	+ </label>
985	+ <p class="mec-col-12 description"><?php _e('Sent to admin and / or event organizer to notify them that an event is soldout.', 'modern-events-calendar-lite'); ?></p>
986	+ </div>
987	</div>
988	<div id="mec_notification_event_soldout_container_toggle" class="<?php if(isset($notifications['event_soldout']) and isset($notifications['event_soldout']['status']) and !$notifications['event_soldout']['status']) echo 'mec-util-hidden'; ?>">

989	<div class="mec-form-row">
990	+ <div class="mec-col-3">
991	+ <label for="mec_notifications_event_soldout_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
992	+ </div>
993	+ <div class="mec-col-9">
994	+ <input type="text" name="mec[notifications][event_soldout][subject]" id="mec_notifications_event_soldout_subject" value="<?php echo (isset($notifications['event_soldout']['subject']) ? stripslashes($notifications['event_soldout']['subject']) : ''); ?>" />
995	+ </div>
996	</div>
997
998	<!-- Start Receiver Users -->
999	<div class="mec-form-row">
1000	+ <div class="mec-col-3">
1001	+ <label for="mec_notifications_event_soldout_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
1002	+ </div>
1003	+ <div class="mec-col-9">
1004	+ <?php
1005	+ $users = isset($notifications['event_soldout']['receiver_users']) ? $notifications['event_soldout']['receiver_users'] : array();
1006	+ echo $this->main->get_users_dropdown($users, 'event_soldout');
1007	+ ?>
1008	+ <span class="mec-tooltip">
1009	+ <div class="box left">
1010	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
1011	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
1012	+ </div>
1013	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1014	+ </span>
1015	</div>


1016	</div>
1017	<!-- End Receiver Users -->
1018
1019	<!-- Start Receiver Roles -->
1020	<div class="mec-form-row">
1021	+ <div class="mec-col-3">
1022	+ <label for="mec_notifications_event_soldout_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
1023	+ </div>
1024	+ <div class="mec-col-9">
1025	+ <?php
1026	+ $roles = isset($notifications['event_soldout']['receiver_roles']) ? $notifications['event_soldout']['receiver_roles'] : array();
1027	+ echo $this->main->get_roles_dropdown($roles, 'event_soldout');
1028	+ ?>
1029	+ <span class="mec-tooltip">
1030	+ <div class="box left">
1031	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
1032	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
1033	+ </div>
1034	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1035	+ </span>
1036	</div>


1037	</div>
1038	<!-- End Receiver Roles -->
1039
1040	<div class="mec-form-row">
1041	+ <div class="mec-col-3">
1042	+ <label for="mec_notifications_event_soldout_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
1043	+ </div>
1044	+ <div class="mec-col-9">
1045	+ <input type="text" name="mec[notifications][event_soldout][recipients]" id="mec_notifications_event_soldout_recipients" value="<?php echo (isset($notifications['event_soldout']['recipients']) ? $notifications['event_soldout']['recipients'] : ''); ?>" />
1046	+ <span class="mec-tooltip">
1047	+ <div class="box left">
1048	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
1049	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1050	+ </div>
1051	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1052	+ </span>
1053	</div>


1054	</div>
1055	<div class="mec-form-row">
1056	+ <div class="mec-col-12">
1057	+ <input type="hidden" name="mec[notifications][event_soldout][send_to_admin]" value="0" />
1058	+ <input type="checkbox" name="mec[notifications][event_soldout][send_to_admin]" value="1" id="mec_notifications_event_soldout_send_to_admin" <?php echo ((!isset($notifications['event_soldout']['send_to_admin']) or (isset($notifications['event_soldout']['send_to_admin']) and $notifications['event_soldout']['send_to_admin'] == 1)) ? 'checked="checked"' : ''); ?> />
1059	+ <label for="mec_notifications_event_soldout_send_to_admin"><?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?></label>
1060	+ </div>
1061	</div>
1062	<div class="mec-form-row">
1063	+ <div class="mec-col-12">
1064	+ <input type="checkbox" name="mec[notifications][event_soldout][send_to_organizer]" value="1" id="mec_notifications_event_soldout_send_to_organizer" <?php echo ((isset($notifications['event_soldout']['send_to_organizer']) and $notifications['event_soldout']['send_to_organizer'] == 1) ? 'checked="checked"' : ''); ?> />
1065	+ <label for="mec_notifications_event_soldout_send_to_organizer"><?php _e('Send the email to event organizer', 'modern-events-calendar-lite'); ?></label>
1066	+ </div>
1067	</div>
1068	<div class="mec-form-row">
1069	<label for="mec_notifications_event_soldout_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
1070	<?php wp_editor((isset($notifications['event_soldout']) ? stripslashes($notifications['event_soldout']['content']) : ''), 'mec_notifications_event_soldout_content', array('textarea_name'=>'mec[notifications][event_soldout][content]')); ?>
1071	</div>
1072	+
1073	+ <?php
1074	+ $section = 'event_soldout';
1075	+ do_action('mec_display_notification_settings',$notifications,$section);
1076	+ ?>
1077	+ <div class="mec-form-row">
1078	+ <div class="mec-col-12">
1079	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
1080	+ <ul>
1081	+ <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
1082	+ <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
1083	+ <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
1084	+ <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
1085	+ <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
1086	+ <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
1087	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
1088	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
1089	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
1090	+ <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
1091	+ <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
1092	+ <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
1093	+ <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
1094	+ <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
1095	+ <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
1096	+ <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
1097	+ <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
1098	+ <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
1099	+ <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
1100	+ <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
1101	+ <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
1102	+ <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
1103	+ <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
1104	+ <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
1105	+ <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
1106	+ <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
1107	+ <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
1108	+ <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
1109	+ <li><span>%%admin_link%%</span>: <?php _e('Admin booking management link.', 'modern-events-calendar-lite'); ?></li>
1110	+ <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
1111	+ <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
1112	+ </ul>
1113	+ </div>
1114	+ </div>
1115	</div>
1116	</div>
1117

1119
1120	<h4 class="mec-form-subtitle"><?php _e('Booking Reminder', 'modern-events-calendar-lite'); ?></h4>
1121	<div class="mec-form-row">
1122	+ <div class="mec-col-12">
1123	+ <label>
1124	+ <input type="hidden" name="mec[notifications][booking_reminder][status]" value="0" />
1125	+ <input onchange="jQuery('#mec_notification_booking_reminder_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][booking_reminder][status]" <?php if(isset($notifications['booking_reminder']) and $notifications['booking_reminder']['status']) echo 'checked="checked"'; ?> /> <?php _e('Enable booking reminder notification', 'modern-events-calendar-lite'); ?>
1126	+ </label>
1127	+ </div>
1128	</div>
1129	<div id="mec_notification_booking_reminder_container_toggle" class="<?php if((isset($notifications['booking_reminder']) and !$notifications['booking_reminder']['status']) or !isset($notifications['booking_reminder'])) echo 'mec-util-hidden'; ?>">
1130	<div class="mec-form-row">
1131	<?php $cron = MEC_ABSPATH.'app'.DS.'crons'.DS.'booking-reminder.php'; ?>
1132	+ <p class="mec-col-12 description"><strong><?php _e('Important Note', 'modern-events-calendar-lite'); ?>: </strong><?php echo sprintf(__("Set a cronjob to call %s file once per hour otherwise it won't send the reminders. Please note that you should call this file %s otherwise it may send the reminders multiple times.", 'modern-events-calendar-lite'), '<code>'.$cron.'</code>', '<strong>'.__('only once per hour', 'modern-events-calendar-lite').'</strong>'); ?></p>
1133	</div>
1134	<div class="mec-form-row">
1135	+ <div class="mec-col-3">
1136	+ <label for="mec_notifications_booking_reminder_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
1137	+ </div>
1138	+ <div class="mec-col-9">
1139	+ <input type="text" name="mec[notifications][booking_reminder][subject]" id="mec_notifications_booking_reminder_subject" value="<?php echo ((isset($notifications['booking_reminder']) and isset($notifications['booking_reminder']['subject'])) ? stripslashes($notifications['booking_reminder']['subject']) : ''); ?>" />
1140	+ </div>
1141	</div>
1142
1143	<!-- Start Receiver Users -->
1144	<div class="mec-form-row">
1145	+ <div class="mec-col-3">
1146	+ <label for="mec_notifications_booking_reminder_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
1147	+ </div>
1148	+ <div class="mec-col-9">
1149	+ <?php
1150	+ $users = isset($notifications['booking_reminder']['receiver_users']) ? $notifications['booking_reminder']['receiver_users'] : array();
1151	+ echo $this->main->get_users_dropdown($users, 'booking_reminder');
1152	+ ?>
1153	+ <span class="mec-tooltip">
1154	+ <div class="box left">
1155	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
1156	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
1157	+ </div>
1158	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1159	+ </span>
1160	+ </div>
1161	</div>
1162	<!-- End Receiver Users -->
1163
1164	<!-- Start Receiver Roles -->
1165	<div class="mec-form-row">
1166	+ <div class="mec-col-3">
1167	+ <label for="mec_notifications_booking_reminder_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
1168	+ </div>
1169	+ <div class="mec-col-9">
1170	+ <?php
1171	+ $roles = isset($notifications['booking_reminder']['receiver_roles']) ? $notifications['booking_reminder']['receiver_roles'] : array();
1172	+ echo $this->main->get_roles_dropdown($roles, 'booking_reminder');
1173	+ ?>
1174	+ <span class="mec-tooltip">
1175	+ <div class="box left">
1176	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
1177	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
1178	+ </div>
1179	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1180	+ </span>
1181	+ </div>
1182	</div>
1183	<!-- End Receiver Roles -->
1184
1185	<div class="mec-form-row">
1186	+ <div class="mec-col-3">
1187	+ <label for="mec_notifications_booking_reminder_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
1188	+ </div>
1189	+ <div class="mec-col-9">
1190	+ <input type="text" name="mec[notifications][booking_reminder][recipients]" id="mec_notifications_booking_reminder_recipients" value="<?php echo ((isset($notifications['booking_reminder']) and isset($notifications['booking_reminder']['recipients'])) ? $notifications['booking_reminder']['recipients'] : ''); ?>" />
1191	+ <span class="mec-tooltip">
1192	+ <div class="box left">
1193	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
1194	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1195	+ </div>
1196	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1197	+ </span>
1198	+ </div>
1199	</div>
1200	<div class="mec-form-row">
1201	+ <div class="mec-col-3">
1202	+ <label for="mec_notifications_booking_reminder_hours"><?php _e('Hours', 'modern-events-calendar-lite'); ?></label>
1203	+ </div>
1204	+ <div class="mec-col-9">
1205	+ <input type="text" name="mec[notifications][booking_reminder][hours]" id="mec_notifications_booking_reminder_hours" value="<?php echo ((isset($notifications['booking_reminder']) and isset($notifications['booking_reminder']['hours'])) ? $notifications['booking_reminder']['hours'] : '24,72,168'); ?>" />
1206	+ <span class="mec-tooltip">
1207	+ <div class="box left">
1208	+ <h5 class="title"><?php _e('Reminder hours', 'modern-events-calendar-lite'); ?></h5>
1209	+ <div class="content"><p><?php esc_attr_e('Please, insert comma to separate reminder hours.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1210	+ </div>
1211	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1212	+ </span>
1213	+ </div>
1214	</div>
1215	<div class="mec-form-row">
1216	<label for="mec_notifications_booking_reminder_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
1217	<?php wp_editor((isset($notifications['booking_reminder']) ? stripslashes($notifications['booking_reminder']['content']) : ''), 'mec_notifications_booking_reminder_content', array('textarea_name'=>'mec[notifications][booking_reminder][content]')); ?>
1218	</div>
1219	+
1220	+ <?php
1221	+ $section = 'booking_reminder';
1222	+ do_action('mec_display_notification_settings',$notifications,$section);
1223	+ ?>
1224	+
1225	+ <div class="mec-form-row">
1226	+ <div class="mec-col-12">
1227	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
1228	+ <ul>
1229	+ <li><span>%%first_name%%</span>: <?php _e('First name of attendee', 'modern-events-calendar-lite'); ?></li>
1230	+ <li><span>%%last_name%%</span>: <?php _e('Last name of attendee', 'modern-events-calendar-lite'); ?></li>
1231	+ <li><span>%%user_email%%</span>: <?php _e('Email of attendee', 'modern-events-calendar-lite'); ?></li>
1232	+ <li><span>%%book_date%%</span>: <?php _e('Booked date of event', 'modern-events-calendar-lite'); ?></li>
1233	+ <li><span>%%book_time%%</span>: <?php _e('Booked time of event', 'modern-events-calendar-lite'); ?></li>
1234	+ <li><span>%%book_datetime%%</span>: <?php _e('Booked date and time of event', 'modern-events-calendar-lite'); ?></li>
1235	+ <li><span>%%book_date_next_occurrences%%</span>: <?php _e('Date of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
1236	+ <li><span>%%book_datetime_next_occurrences%%</span>: <?php _e('Date and Time of next 20 occurrences of booked event (including the booked date)', 'modern-events-calendar-lite'); ?></li>
1237	+ <li><span>%%book_price%%</span>: <?php _e('Booking Price', 'modern-events-calendar-lite'); ?></li>
1238	+ <li><span>%%book_order_time%%</span>: <?php _e('Date and time of booking', 'modern-events-calendar-lite'); ?></li>
1239	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
1240	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
1241	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
1242	+ <li><span>%%event_title%%</span>: <?php _e('Event title', 'modern-events-calendar-lite'); ?></li>
1243	+ <li><span>%%event_link%%</span>: <?php _e('Event link', 'modern-events-calendar-lite'); ?></li>
1244	+ <li><span>%%event_speaker_name%%</span>: <?php _e('Speaker name of booked event', 'modern-events-calendar-lite'); ?></li>
1245	+ <li><span>%%event_organizer_name%%</span>: <?php _e('Organizer name of booked event', 'modern-events-calendar-lite'); ?></li>
1246	+ <li><span>%%event_organizer_tel%%</span>: <?php _e('Organizer tel of booked event', 'modern-events-calendar-lite'); ?></li>
1247	+ <li><span>%%event_organizer_email%%</span>: <?php _e('Organizer email of booked event', 'modern-events-calendar-lite'); ?></li>
1248	+ <li><span>%%event_organizer_url%%</span>: <?php _e('Organizer url of booked event', 'modern-events-calendar-lite'); ?></li>
1249	+ <li><span>%%event_other_organizers_name%%</span>: <?php _e('Additional organizers name of booked event', 'modern-events-calendar-lite'); ?></li>
1250	+ <li><span>%%event_other_organizers_tel%%</span>: <?php _e('Additional organizers tel of booked event', 'modern-events-calendar-lite'); ?></li>
1251	+ <li><span>%%event_other_organizers_email%%</span>: <?php _e('Additional organizers email of booked event', 'modern-events-calendar-lite'); ?></li>
1252	+ <li><span>%%event_other_organizers_url%%</span>: <?php _e('Additional organizers url of booked event', 'modern-events-calendar-lite'); ?></li>
1253	+ <li><span>%%event_location_name%%</span>: <?php _e('Location name of booked event', 'modern-events-calendar-lite'); ?></li>
1254	+ <li><span>%%event_location_address%%</span>: <?php _e('Location address of booked event', 'modern-events-calendar-lite'); ?></li>
1255	+ <li><span>%%event_other_locations_name%%</span>: <?php _e('Additional locations name of booked event', 'modern-events-calendar-lite'); ?></li>
1256	+ <li><span>%%event_other_locations_address%%</span>: <?php _e('Additional locations address of booked event', 'modern-events-calendar-lite'); ?></li>
1257	+ <li><span>%%event_featured_image%%</span>: <?php _e('Featured image of booked event', 'modern-events-calendar-lite'); ?></li>
1258	+ <li><span>%%event_more_info%%</span>: <?php _e('Event more info link', 'modern-events-calendar-lite'); ?></li>
1259	+ <li><span>%%event_other_info%%</span>: <?php _e('Event other info link', 'modern-events-calendar-lite'); ?></li>
1260	+ <li><span>%%online_link%%</span>: <?php _e('Event online link', 'modern-events-calendar-lite'); ?></li>
1261	+ <li><span>%%attendees_full_info%%</span>: <?php _e('Full Attendee info such as booking form data, name, email etc.', 'modern-events-calendar-lite'); ?></li>
1262	+ <li><span>%%booking_id%%</span>: <?php _e('Booking ID', 'modern-events-calendar-lite'); ?></li>
1263	+ <li><span>%%booking_transaction_id%%</span>: <?php _e('Transaction ID of Booking', 'modern-events-calendar-lite'); ?></li>
1264	+ <li><span>%%cancellation_link%%</span>: <?php _e('Booking cancellation link.', 'modern-events-calendar-lite'); ?></li>
1265	+ <li><span>%%invoice_link%%</span>: <?php _e('Invoice Link', 'modern-events-calendar-lite'); ?></li>
1266	+ <li><span>%%total_attendees%%</span>: <?php _e('Total attendees of current booking', 'modern-events-calendar-lite'); ?></li>
1267	+ <li><span>%%amount_tickets%%</span>: <?php _e('Amount of Booked Tickets (Total attendees of all bookings)', 'modern-events-calendar-lite'); ?></li>
1268	+ <li><span>%%ticket_name%%</span>: <?php _e('Ticket name', 'modern-events-calendar-lite'); ?></li>
1269	+ <li><span>%%ticket_time%%</span>: <?php _e('Ticket time', 'modern-events-calendar-lite'); ?></li>
1270	+ <li><span>%%ticket_name_time%%</span>: <?php _e('Ticket name & time', 'modern-events-calendar-lite'); ?></li>
1271	+ <li><span>%%ticket_private_description%%</span>: <?php _e('Ticket private description', 'modern-events-calendar-lite'); ?></li>
1272	+ <li><span>%%payment_gateway%%</span>: <?php _e('Payment Gateway', 'modern-events-calendar-lite'); ?></li>
1273	+ <li><span>%%dl_file%%</span>: <?php _e('Link to the downloadable file', 'modern-events-calendar-lite'); ?></li>
1274	+ <li><span>%%ics_link%%</span>: <?php _e('Download ICS file', 'modern-events-calendar-lite'); ?></li>
1275	+ <li><span>%%google_calendar_link%%</span>: <?php _e('Add to Google Calendar', 'modern-events-calendar-lite'); ?></li>
1276	+ <li><span>%%google_calendar_link_next_occurrences%%</span>: <?php _e('Add to Google Calendar Links for next 20 occurrences', 'modern-events-calendar-lite'); ?></li>
1277	+ </ul>
1278	+ </div>
1279	+ </div>
1280	</div>
1281	</div>
1282

1286
1287	<h4 class="mec-form-subtitle"><?php _e('New Event', 'modern-events-calendar-lite'); ?></h4>
1288	<div class="mec-form-row">
1289	+ <div class="mec-col-12">
1290	+ <label>
1291	+ <input type="hidden" name="mec[notifications][new_event][status]" value="0" />
1292	+ <input onchange="jQuery('#mec_notification_new_event_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][new_event][status]" <?php if(isset($notifications['new_event']['status']) and $notifications['new_event']['status']) echo 'checked="checked"'; ?> /> <?php _e('Enable new event notification', 'modern-events-calendar-lite'); ?>
1293	+ </label>
1294	+ </div>
1295	</div>
1296	<div id="mec_notification_new_event_container_toggle" class="<?php if((isset($notifications['new_event']) and !$notifications['new_event']['status']) or !isset($notifications['new_event'])) echo 'mec-util-hidden'; ?>">
1297	<div class="mec-form-row">
1298	+ <div class="mec-col-12">
1299	+ <label>
1300	+ <input type="hidden" name="mec[notifications][new_event][send_to_admin]" value="0" />
1301	+ <input value="1" type="checkbox" name="mec[notifications][new_event][send_to_admin]" <?php if((!isset($notifications['new_event']['send_to_admin'])) or (isset($notifications['new_event']['send_to_admin']) and $notifications['new_event']['send_to_admin'])) echo 'checked="checked"'; ?> /> <?php _e('Send the email to admin', 'modern-events-calendar-lite'); ?>
1302	+ </label>
1303	+ </div>
1304	+ <p class="mec-col-12 description"><?php _e('Sent after adding a new event from frontend event submission or from website backend.', 'modern-events-calendar-lite'); ?></p>
1305	</div>

1306	<div class="mec-form-row">
1307	+ <div class="mec-col-3">
1308	+ <label for="mec_notifications_new_event_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
1309	+ </div>
1310	+ <div class="mec-col-9">
1311	+ <input type="text" name="mec[notifications][new_event][subject]" id="mec_notifications_new_event_subject" value="<?php echo (isset($notifications['new_event']['subject']) ? stripslashes($notifications['new_event']['subject']) : ''); ?>" />
1312	+ </div>
1313	</div>
1314
1315	<!-- Start Receiver Users -->
1316	<div class="mec-form-row">
1317	+ <div class="mec-col-3">
1318	+ <label for="mec_notifications_new_event_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
1319	+ </div>
1320	+ <div class="mec-col-9">
1321	+ <?php
1322	+ $users = isset($notifications['new_event']['receiver_users']) ? $notifications['new_event']['receiver_users'] : array();
1323	+ echo $this->main->get_users_dropdown($users, 'new_event');
1324	+ ?>
1325	+ <span class="mec-tooltip">
1326	+ <div class="box left">
1327	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
1328	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
1329	+ </div>
1330	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1331	+ </span>
1332	+ </div>
1333	</div>
1334	<!-- End Receiver Users -->
1335
1336	<!-- Start Receiver Roles -->
1337	<div class="mec-form-row">
1338	+ <div class="mec-col-3">
1339	+ <label for="mec_notifications_new_event_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
1340	+ </div>
1341	+ <div class="mec-col-9">
1342	+ <?php
1343	+ $roles = isset($notifications['new_event']['receiver_roles']) ? $notifications['new_event']['receiver_roles'] : array();
1344	+ echo $this->main->get_roles_dropdown($roles, 'new_event');
1345	+ ?>
1346	+ <span class="mec-tooltip">
1347	+ <div class="box left">
1348	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
1349	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
1350	+ </div>
1351	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1352	+ </span>
1353	+ </div>
1354	</div>
1355	<!-- End Receiver Roles -->
1356
1357	<div class="mec-form-row">
1358	+ <div class="mec-col-3">
1359	+ <label for="mec_notifications_new_event_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
1360	+ </div>
1361	+ <div class="mec-col-9">
1362	+ <input type="text" name="mec[notifications][new_event][recipients]" id="mec_notifications_new_event_recipients" value="<?php echo (isset($notifications['new_event']['recipients']) ? $notifications['new_event']['recipients'] : ''); ?>" />
1363	+ <span class="mec-tooltip">
1364	+ <div class="box left">
1365	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
1366	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1367	+ </div>
1368	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1369	+ </span>
1370	+ </div>
1371	</div>
1372	<div class="mec-form-row">
1373	<label for="mec_notifications_new_event_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
1374	<?php wp_editor((isset($notifications['new_event']) ? stripslashes($notifications['new_event']['content']) : ''), 'mec_notifications_new_event_content', array('textarea_name'=>'mec[notifications][new_event][content]')); ?>
1375	</div>
1376	+
1377	+ <?php
1378	+ $section = 'new_event';
1379	+ do_action('mec_display_notification_settings',$notifications,$section);
1380	+ ?>
1381	+ <div class="mec-form-row">
1382	+ <div class="mec-col-12">
1383	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
1384	+ <ul>
1385	+ <li><span>%%event_title%%</span>: <?php _e('Title of event', 'modern-events-calendar-lite'); ?></li>
1386	+ <li><span>%%event_link%%</span>: <?php _e('Link of event', 'modern-events-calendar-lite'); ?></li>
1387	+ <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
1388	+ <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
1389	+ <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
1390	+ <li><span>%%event_status%%</span>: <?php _e('Status of event', 'modern-events-calendar-lite'); ?></li>
1391	+ <li><span>%%event_note%%</span>: <?php _e('Event Note', 'modern-events-calendar-lite'); ?></li>
1392	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
1393	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
1394	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
1395	+ <li><span>%%admin_link%%</span>: <?php _e('Admin events management link.', 'modern-events-calendar-lite'); ?></li>
1396	+ <?php do_action('mec_extra_field_notifications'); ?>
1397	+ </ul>
1398	+ </div>
1399	+ </div>
1400	</div>
1401
1402	</div>

1406
1407	<h4 class="mec-form-subtitle"><?php _e('User Event Publishing', 'modern-events-calendar-lite'); ?></h4>
1408	<div class="mec-form-row">
1409	+ <div class="mec-col-12">
1410	+ <label>
1411	+ <input type="hidden" name="mec[notifications][user_event_publishing][status]" value="0" />
1412	+ <input onchange="jQuery('#mec_notification_user_event_publishing_container_toggle').toggle();" value="1" type="checkbox" name="mec[notifications][user_event_publishing][status]" <?php if(isset($notifications['user_event_publishing']['status']) and $notifications['user_event_publishing']['status']) echo 'checked="checked"'; ?> /> <?php _e('Enable user event publishing notification', 'modern-events-calendar-lite'); ?>
1413	+ </label>
1414	+ <p class="mec-col-12 description"><?php _e('Sent after publishing a new event from frontend event submission or from website backend.', 'modern-events-calendar-lite'); ?></p>
1415	+ </div>
1416	</div>
1417	<div id="mec_notification_user_event_publishing_container_toggle" class="<?php if((isset($notifications['user_event_publishing']) and !$notifications['user_event_publishing']['status']) or !isset($notifications['user_event_publishing'])) echo 'mec-util-hidden'; ?>">

1418	<div class="mec-form-row">
1419	+ <div class="mec-col-3">
1420	+ <label for="mec_notifications_user_event_publishing_subject"><?php _e('Email Subject', 'modern-events-calendar-lite'); ?></label>
1421	+ </div>
1422	+ <div class="mec-col-9">
1423	+ <input type="text" name="mec[notifications][user_event_publishing][subject]" id="mec_notifications_user_event_publishing_subject" value="<?php echo (isset($notifications['user_event_publishing']['subject']) ? stripslashes($notifications['user_event_publishing']['subject']) : ''); ?>" />
1424	+ </div>
1425	</div>
1426
1427	<!-- Start Receiver Users -->
1428	<div class="mec-form-row">
1429	+ <div class="mec-col-3">
1430	+ <label for="mec_notifications_user_event_publishing_receiver_users"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></label>
1431	+ </div>
1432	+ <div class="mec-col-9">
1433	+ <?php
1434	+ $users = isset($notifications['user_event_publishing']['receiver_users']) ? $notifications['user_event_publishing']['receiver_users'] : array();
1435	+ echo $this->main->get_users_dropdown($users, 'user_event_publishing');
1436	+ ?>
1437	+ <span class="mec-tooltip">
1438	+ <div class="box left">
1439	+ <h5 class="title"><?php _e('Receiver Users', 'modern-events-calendar-lite'); ?></h5>
1440	+ <div class="content"><p><?php esc_attr_e('Select users to send a copy of email to them!', 'modern-events-calendar-lite'); ?></p></div>
1441	+ </div>
1442	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1443	+ </span>
1444	+ </div>
1445	</div>
1446	<!-- End Receiver Users -->
1447
1448	<!-- Start Receiver Roles -->
1449	<div class="mec-form-row">
1450	+ <div class="mec-col-3">
1451	+ <label for="mec_notifications_user_event_publishing_receiver_roles"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></label>
1452	+ </div>
1453	+ <div class="mec-col-9">
1454	+ <?php
1455	+ $roles = isset($notifications['user_event_publishing']['receiver_roles']) ? $notifications['user_event_publishing']['receiver_roles'] : array();
1456	+ echo $this->main->get_roles_dropdown($roles, 'user_event_publishing');
1457	+ ?>
1458	+ <span class="mec-tooltip">
1459	+ <div class="box left">
1460	+ <h5 class="title"><?php _e('Receiver Roles', 'modern-events-calendar-lite'); ?></h5>
1461	+ <div class="content"><p><?php esc_attr_e('Select users a specific role.', 'modern-events-calendar-lite'); ?></p></div>
1462	+ </div>
1463	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1464	+ </span>
1465	+ </div>
1466	</div>
1467	<!-- End Receiver Roles -->
1468
1469	<div class="mec-form-row">
1470	+ <div class="mec-col-3">
1471	+ <label for="mec_notifications_user_event_publishing_recipients"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></label>
1472	+ </div>
1473	+ <div class="mec-col-9">
1474	+ <input type="text" name="mec[notifications][user_event_publishing][recipients]" id="mec_notifications_user_event_publishing_recipients" value="<?php echo (isset($notifications['user_event_publishing']['recipients']) ? $notifications['user_event_publishing']['recipients'] : ''); ?>" />
1475	+ <span class="mec-tooltip">
1476	+ <div class="box left">
1477	+ <h5 class="title"><?php _e('Custom Recipients', 'modern-events-calendar-lite'); ?></h5>
1478	+ <div class="content"><p><?php esc_attr_e('Insert comma separated emails for multiple recipients.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/notifications/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1479	+ </div>
1480	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1481	+ </span>
1482	+ </div>
1483	</div>
1484	<div class="mec-form-row">
1485	<label for="mec_notifications_user_event_publishing_content"><?php _e('Email Content', 'modern-events-calendar-lite'); ?></label>
1486	<?php wp_editor((isset($notifications['user_event_publishing']) ? stripslashes($notifications['user_event_publishing']['content']) : ''), 'mec_notifications_user_event_publishing_content', array('textarea_name'=>'mec[notifications][user_event_publishing][content]')); ?>
1487	</div>
1488	+ <?php
1489	+ $section = 'user_event_publishing';
1490	+ do_action('mec_display_notification_settings',$notifications,$section);
1491	+ ?>
1492	+ <div class="mec-form-row">
1493	+ <div class="mec-col-12">
1494	+ <p class="description"><?php _e('You can use the following placeholders', 'modern-events-calendar-lite'); ?></p>
1495	+ <ul>
1496	+ <li><span>%%event_title%%</span>: <?php _e('Title of event', 'modern-events-calendar-lite'); ?></li>
1497	+ <li><span>%%event_link%%</span>: <?php _e('Link of event', 'modern-events-calendar-lite'); ?></li>
1498	+ <li><span>%%event_start_date%%</span>: <?php _e('Event Start Date', 'modern-events-calendar-lite'); ?></li>
1499	+ <li><span>%%event_end_date%%</span>: <?php _e('Event End Date', 'modern-events-calendar-lite'); ?></li>
1500	+ <li><span>%%event_timezone%%</span>: <?php _e('Event Timezone', 'modern-events-calendar-lite'); ?></li>
1501	+ <li><span>%%event_status%%</span>: <?php _e('Status of event', 'modern-events-calendar-lite'); ?></li>
1502	+ <li><span>%%event_note%%</span>: <?php _e('Event Note', 'modern-events-calendar-lite'); ?></li>
1503	+ <li><span>%%blog_name%%</span>: <?php _e('Your website title', 'modern-events-calendar-lite'); ?></li>
1504	+ <li><span>%%blog_url%%</span>: <?php _e('Your website URL', 'modern-events-calendar-lite'); ?></li>
1505	+ <li><span>%%blog_description%%</span>: <?php _e('Your website description', 'modern-events-calendar-lite'); ?></li>
1506	+ <li><span>%%admin_link%%</span>: <?php _e('Admin events management link.', 'modern-events-calendar-lite'); ?></li>
1507	+ <?php do_action('mec_extra_field_notifications'); ?>
1508	+ </ul>
1509	+ </div>
1510	+ </div>
1511	</div>
1512
1513	</div>

1515	<div id="notifications_per_event" class="mec-options-fields">
1516	<h4 class="mec-form-subtitle"><?php _e('Notifications Per Event', 'modern-events-calendar-lite'); ?></h4>
1517	<div class="mec-form-row">
1518	+ <div class="mec-col-12">
1519	+ <label>
1520	+ <input type="hidden" name="mec[settings][notif_per_event]" value="0" />
1521	+ <input value="1" type="checkbox" name="mec[settings][notif_per_event]" <?php if(isset($settings['notif_per_event']) and $settings['notif_per_event']) echo 'checked="checked"'; ?> /> <?php _e('Edit Notifications Per Event', 'modern-events-calendar-lite'); ?>
1522	+ </label>
1523	+ </div>
1524	</div>
1525	</div>
1526

app/features/mec/settings.php CHANGED Viewed

	@@ -59,7 +59,7 @@ $shortcodes = get_posts(array(
59
60	<div class="mec-form-row">
61	<label class="mec-col-3" for="mec_settings_hide_time_method"><?php _e('Hide Events', 'modern-events-calendar-lite'); ?></label>
62	- <div class="mec-col-4">
63	<select id="mec_settings_time_format" name="mec[settings][hide_time_method]">
64	<option value="start" <?php if(isset($settings['hide_time_method']) and 'start' == $settings['hide_time_method']) echo 'selected="selected"'; ?>><?php _e('On Event Start', 'modern-events-calendar-lite'); ?></option>
65	<option value="plus1" <?php if(isset($settings['hide_time_method']) and 'plus1' == $settings['hide_time_method']) echo 'selected="selected"'; ?>><?php _e('+1 Hour after start', 'modern-events-calendar-lite'); ?></option>
	@@ -68,7 +68,7 @@ $shortcodes = get_posts(array(
68	<?php do_action('mec_hide_time_methods', $settings); ?>
69	</select>
70	<span class="mec-tooltip">
71	- <div class="box">
72	<h5 class="title"><?php _e('Hide Events', 'modern-events-calendar-lite'); ?></h5>
73	<div class="content"><p><?php esc_attr_e("This option is for showing start/end time of events on frontend of website.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/general-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
74	</div>
	@@ -79,15 +79,15 @@ $shortcodes = get_posts(array(
79
80	<div class="mec-form-row">
81
82	- <label class="mec-col-3" for="mec_settings_multiple_day_show_method"><?php _e('Multiple Day Events', 'modern-events-calendar-lite'); ?></label>
83	- <div class="mec-col-4">
84	<select id="mec_settings_multiple_day_show_method" name="mec[settings][multiple_day_show_method]">
85	- <option value="first_day_listgrid" <?php if(isset($settings['multiple_day_show_method']) and $settings['multiple_day_show_method'] == 'first_day_listgrid') echo 'selected="selected"'; ?>><?php _e('~~Show~~ ~~only first~~ day on ~~List~~/~~Grid~~/~~Slider~~/~~Agenda~~ skins', 'modern-events-calendar-lite'); ?></option>
86	- <option value="first_day" <?php if(isset($settings['multiple_day_show_method']) and $settings['multiple_day_show_method'] == 'first_day') echo 'selected="selected"'; ?>><?php _e('~~Show~~ ~~only first~~ day on all skins', 'modern-events-calendar-lite'); ?></option>
87	- <option value="all_days" <?php if(isset($settings['multiple_day_show_method']) and $settings['multiple_day_show_method'] == 'all_days') echo 'selected="selected"'; ?>><?php _e('~~Show~~ ~~all~~ days', 'modern-events-calendar-lite'); ?></option>
88	</select>
89	<span class="mec-tooltip">
90	- <div class="box">
91	<h5 class="title"><?php _e('Multiple Day Events', 'modern-events-calendar-lite'); ?></h5>
92	<div class="content"><p><?php esc_attr_e("For showing all days of multiple day events on frontend or only show the first day.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/general-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
93	</div>
	@@ -99,7 +99,7 @@ $shortcodes = get_posts(array(
99
100	<div class="mec-form-row">
101	<label class="mec-col-3" for="mec_settings_remove_data_on_uninstall"><?php _e('Remove MEC Data on Plugin Uninstall', 'modern-events-calendar-lite'); ?></label>
102	- <div class="mec-col-4">
103	<select id="mec_settings_remove_data_on_uninstall" name="mec[settings][remove_data_on_uninstall]">
104	<option value="0" <?php if(isset($settings['remove_data_on_uninstall']) and !$settings['remove_data_on_uninstall']) echo 'selected="selected"'; ?>><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
105	<option value="1" <?php if(isset($settings['remove_data_on_uninstall']) and $settings['remove_data_on_uninstall'] == '1') echo 'selected="selected"'; ?>><?php _e('Enabled', 'modern-events-calendar-lite'); ?></option>
	@@ -110,7 +110,7 @@ $shortcodes = get_posts(array(
110	<!-- Start Sender Name -->
111	<div class="mec-form-row">
112	<label class="mec-col-3" for="mec_settings_booking_sender_name"><?php _e('Sender Name', 'modern-events-calendar-lite'); ?></label>
113	- <div class="mec-col-4">
114	<input type="text" id="mec_settings_booking_sender_name" name="mec[settings][booking_sender_name]"
115	value="<?php echo (isset($settings['booking_sender_name']) and trim($settings['booking_sender_name'])) ? $settings['booking_sender_name'] : ''; ?>" placeholder="<?php _e('e.g. Webnus', 'modern-events-calendar-lite'); ?>"/>
116	</div>
	@@ -120,7 +120,7 @@ $shortcodes = get_posts(array(
120	<!-- Start Sender Email -->
121	<div class="mec-form-row">
122	<label class="mec-col-3" for="mec_settings_booking_sender_email"><?php _e('Sender Email', 'modern-events-calendar-lite'); ?></label>
123	- <div class="mec-col-4">
124	<input type="text" id="mec_settings_booking_sender_email" name="mec[settings][booking_sender_email]"
125	value="<?php echo (isset($settings['booking_sender_email']) and trim($settings['booking_sender_email'])) ? $settings['booking_sender_email'] : ''; ?>" placeholder="<?php _e('e.g. info@webnus.biz', 'modern-events-calendar-lite'); ?>"/>
126	</div>
	@@ -134,7 +134,7 @@ $shortcodes = get_posts(array(
134	<input value="1" type="checkbox" name="mec[settings][date_suffix]" <?php if(isset($settings['date_suffix']) and $settings['date_suffix']) echo 'checked="checked"'; ?> /> <?php _e('Remove suffix from calendars', 'modern-events-calendar-lite'); ?>
135	</label>
136	<span class="mec-tooltip">
137	- <div class="box ~~top~~">
138	<h5 class="title"><?php _e('Remove "Th" on calendar', 'modern-events-calendar-lite'); ?></h5>
139	<div class="content"><p><?php esc_attr_e("Checked this checkbox to remove 'Th' on calendar ( ex: '12Th' remove Th, showing just '12' )", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/general-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
140	</div>
	@@ -149,7 +149,7 @@ $shortcodes = get_posts(array(
149	<input value="1" type="checkbox" name="mec[settings][schema]" <?php if(!isset($settings['schema']) or (isset($settings['schema']) and $settings['schema'])) echo 'checked="checked"'; ?> /> <?php _e('Enable Schema Code', 'modern-events-calendar-lite'); ?>
150	</label>
151	<span class="mec-tooltip">
152	- <div class="box ~~top~~">
153	<h5 class="title"><?php _e('Schema', 'modern-events-calendar-lite'); ?></h5>
154	<div class="content"><p><?php esc_attr_e("You can enable/disable Schema scripts", 'modern-events-calendar-lite'); ?></p></div>
155	</div>
	@@ -162,19 +162,21 @@ $shortcodes = get_posts(array(
162
163	<label class="mec-col-3" for="mec_settings_weekdays"><?php _e('Weekdays', 'modern-events-calendar-lite'); ?></label>
164	<div class="mec-col-9">
165	- ~~<?php~~ ~~$mec_weekdays~~ = ~~$this->main->get_weekdays(); foreach($weekdays as $weekday): ?>~~
166	- ~~<label for="mec_settings_weekdays_~~<?php ~~echo~~ $~~weekday[0]~~; ?>">
167	- <~~input~~ ~~type~~="~~checkbox" id="~~mec_settings_weekdays_<?php echo $weekday[0]; ?>" ~~name="mec[settings][weekdays][]" value="<?php echo $weekday[0]; ?>" <?php echo (in_array($weekday[0], $mec_weekdays) ? 'checked="checked"' : ''); ?> />~~
168	- <?php echo $weekday[1]; ?>
169	- ~~</label>~~
170	- ~~<?php endforeach; ?>~~
171	- ~~<span~~ ~~class="mec-tooltip">~~
172	- <~~div~~ class="~~box left~~">
173	- <h5 class="~~title~~"~~><?php _e('Weekdays', 'modern-events-calendar-lite'); ?></h5~~>
174	- <~~div~~ class="~~content~~"~~><p~~><?php esc_attr_e("Proceed with caution. Default is set to Monday, Tuesday, Wednesday, Thursday and Friday ( you can change 'Week Starts' on WordPress Dashboard > Settings > General - bottom of the page ).", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/general-options/" target="_blank"><?php _e('~~Read More~~', 'modern-events-calendar-lite'); ?></~~a></p></div~~>
175	- </div>
176	- ~~<i title="" class="dashicons-before dashicons-editor-help"></i~~>
177	- ~~</span~~>


178	</div>
179
180	</div>
	@@ -183,6 +185,7 @@ $shortcodes = get_posts(array(
183
184	<label class="mec-col-3" for="mec_settings_weekends"><?php _e('Weekends', 'modern-events-calendar-lite'); ?></label>
185	<div class="mec-col-9">

186	<?php $mec_weekends = $this->main->get_weekends(); foreach($weekdays as $weekday): ?>
187	<label for="mec_settings_weekends_<?php echo $weekday[0]; ?>">
188	<input type="checkbox" id="mec_settings_weekends_<?php echo $weekday[0]; ?>" name="mec[settings][weekends][]" value="<?php echo $weekday[0]; ?>" <?php echo (in_array($weekday[0], $mec_weekends) ? 'checked="checked"' : ''); ?> />
	@@ -197,12 +200,13 @@ $shortcodes = get_posts(array(
197	<i title="" class="dashicons-before dashicons-editor-help"></i>
198	</span>
199	</div>

200
201	</div>
202
203	<div class="mec-form-row">
204	<label class="mec-col-3" for="mec_settings_datepicker_format"><?php _e('Datepicker Format', 'modern-events-calendar-lite'); ?></label>
205	- <div class="mec-col-4">
206	<select id="mec_settings_datepicker_format" name="mec[settings][datepicker_format]">
207	<?php
208	$selected = (isset($settings['datepicker_format']) and trim($settings['datepicker_format'])) ? trim($settings['datepicker_format']) : 'yy-mm-dd&Y-m-d';
	@@ -225,7 +229,7 @@ $shortcodes = get_posts(array(
225
226	<div class="mec-form-row">
227	<label class="mec-col-3" for="mec_settings_midnight_hour"><?php _e('Midnight Hour', 'modern-events-calendar-lite'); ?></label>
228	- <div class="mec-col-4">
229	<select id="mec_settings_midnight_hour" name="mec[settings][midnight_hour]">
230	<option value="0" <?php if(isset($settings['midnight_hour']) and !$settings['midnight_hour']) echo 'selected="selected"'; ?>><?php _e('12 AM', 'modern-events-calendar-lite'); ?></option>
231	<option value="1" <?php if(isset($settings['midnight_hour']) and $settings['midnight_hour'] == '1') echo 'selected="selected"'; ?>><?php _e('1 AM', 'modern-events-calendar-lite'); ?></option>
	@@ -283,10 +287,10 @@ $shortcodes = get_posts(array(
283
284	<div class="mec-form-row">
285	<label class="mec-col-3" for="mec_settings_archive_title"><?php _e('Archive Page Title', 'modern-events-calendar-lite'); ?></label>
286	- <div class="mec-col-4">
287	<input type="text" id="mec_settings_archive_title" name="mec[settings][archive_title]" value="<?php echo ((isset($settings['archive_title']) and trim($settings['archive_title']) != '') ? $settings['archive_title'] : 'Events'); ?>" />
288	<span class="mec-tooltip">
289	- <div class="box">
290	<h5 class="title"><?php _e('Archive Page Title', 'modern-events-calendar-lite'); ?></h5>
291	<div class="content"><p><?php esc_attr_e("Default value is Events - It's title of the page", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/archive-pages/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
292	</div>
	@@ -297,7 +301,7 @@ $shortcodes = get_posts(array(
297
298	<div class="mec-form-row">
299	<label class="mec-col-3" for="mec_settings_default_skin_archive"><?php _e('Archive Page Skin', 'modern-events-calendar-lite'); ?></label>
300	- <div class="mec-col-8">
301	<select id="mec_settings_default_skin_archive" name="mec[settings][default_skin_archive]" onchange="mec_archive_skin_style_changed(this.value);">
302	<?php foreach($archive_skins as $archive_skin): ?>
303	<option value="<?php echo $archive_skin['skin']; ?>" <?php if(isset($settings['default_skin_archive']) and $archive_skin['skin'] == $settings['default_skin_archive']) echo 'selected="selected"'; ?>><?php echo $archive_skin['name']; ?></option>
	@@ -374,7 +378,7 @@ $shortcodes = get_posts(array(
374
375	<div class="mec-form-row">
376	<label class="mec-col-3" for="mec_settings_default_skin_category"><?php _e('Category Page Skin', 'modern-events-calendar-lite'); ?></label>
377	- <div class="mec-col-8">
378	<select id="mec_settings_default_skin_category" name="mec[settings][default_skin_category]" onchange="mec_category_skin_style_changed(this.value);">
379	<?php foreach($category_skins as $category_skin): ?>
380	<option value="<?php echo $category_skin['skin']; ?>" <?php if(isset($settings['default_skin_category']) and $category_skin['skin'] == $settings['default_skin_category']) echo 'selected="selected"'; if(!isset($settings['default_skin_category']) and $category_skin['skin'] == 'list') echo 'selected="selected"'; ?>><?php echo $category_skin['name']; ?></option>
	@@ -451,13 +455,13 @@ $shortcodes = get_posts(array(
451
452	<div class="mec-form-row">
453	<label class="mec-col-3" for="mec_settings_category_events_method"><?php _e('Category Events Method', 'modern-events-calendar-lite'); ?></label>
454	- <div class="mec-col-4">
455	<select id="mec_settings_category_events_method" name="mec[settings][category_events_method]">
456	<option value="1" <?php if(!isset($settings['category_events_method']) or (isset($settings['category_events_method']) and $settings['category_events_method'] == 1)) echo 'selected="selected"'; ?>><?php _e('Upcoming Events', 'modern-events-calendar-lite'); ?></option>
457	<option value="2" <?php if(isset($settings['category_events_method']) and $settings['category_events_method'] == 2) echo 'selected="selected"'; ?>><?php _e('Expired Events', 'modern-events-calendar-lite'); ?></option>
458	</select>
459	<span class="mec-tooltip">
460	- <div class="box ~~top~~">
461	<h5 class="title"><?php _e('Category Events Method', 'modern-events-calendar-lite'); ?></h5>
462	<div class="content"><p><?php esc_attr_e("Default value is Upcoming Events", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/archive-pages/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
463	</div>
	@@ -468,13 +472,13 @@ $shortcodes = get_posts(array(
468
469	<div class="mec-form-row">
470	<label class="mec-col-3" for="mec_settings_archive_status"><?php _e('Events Archive Status', 'modern-events-calendar-lite'); ?></label>
471	- <div class="mec-col-4">
472	<select id="mec_settings_archive_status" name="mec[settings][archive_status]">
473	<option value="1" <?php if(isset($settings['archive_status']) and $settings['archive_status'] == '1') echo 'selected="selected"'; ?>><?php _e('Enabled (Recommended)', 'modern-events-calendar-lite'); ?></option>
474	<option value="0" <?php if(isset($settings['archive_status']) and !$settings['archive_status']) echo 'selected="selected"'; ?>><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
475	</select>
476	<span class="mec-tooltip">
477	- <div class="box ~~top~~">
478	<h5 class="title"><?php _e('Events Archive Status', 'modern-events-calendar-lite'); ?></h5>
479	<div class="content"><p><?php esc_attr_e("If you disable it, then you should create a page as archive page of MEC. Page's slug must equals to \"Main Slug\" of MEC. Also it will disable all of MEC rewrite rules.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/archive-pages/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
480	</div>
	@@ -490,10 +494,10 @@ $shortcodes = get_posts(array(
490	<h4 class="mec-form-subtitle"><?php _e('Slugs/Permalinks', 'modern-events-calendar-lite'); ?></h4>
491	<div class="mec-form-row">
492	<label class="mec-col-3" for="mec_settings_slug"><?php _e('Main Slug', 'modern-events-calendar-lite'); ?></label>
493	- <div class="mec-col-4">
494	<input type="text" id="mec_settings_slug" name="mec[settings][slug]" value="<?php echo ((isset($settings['slug']) and trim($settings['slug']) != '') ? $settings['slug'] : 'events'); ?>" />
495	<span class="mec-tooltip">
496	- <div class="box">
497	<h5 class="title"><?php _e('Main Slug', 'modern-events-calendar-lite'); ?></h5>
498	<div class="content"><p><?php esc_attr_e("Default value is events. You can not have a page with this name. MEC allows you to create custom URLs for the permalinks and archives to enhance the applicability and forward-compatibility of the links.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/slug-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
499	</div>
	@@ -504,10 +508,10 @@ $shortcodes = get_posts(array(
504	</div>
505	<div class="mec-form-row">
506	<label class="mec-col-3" for="mec_settings_category_slug"><?php _e('Category Slug', 'modern-events-calendar-lite'); ?></label>
507	- <div class="mec-col-4">
508	<input type="text" id="mec_settings_category_slug" name="mec[settings][category_slug]" value="<?php echo ((isset($settings['category_slug']) and trim($settings['category_slug']) != '') ? $settings['category_slug'] : 'mec-category'); ?>" />
509	<span class="mec-tooltip">
510	- <div class="box">
511	<h5 class="title"><?php _e('Category Slug', 'modern-events-calendar-lite'); ?></h5>
512	<div class="content"><p><?php esc_attr_e("It's slug of MEC categories, you can change it to events-cat or something else. Default value is mec-category. You can not have a page with this name.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/slug-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
513	</div>
	@@ -522,7 +526,7 @@ $shortcodes = get_posts(array(
522	<h4 class="mec-form-subtitle"><?php _e('Currency Options', 'modern-events-calendar-lite'); ?></h4>
523	<div class="mec-form-row">
524	<label class="mec-col-3" for="mec_settings_currency"><?php _e('Currency', 'modern-events-calendar-lite'); ?></label>
525	- <div class="mec-col-4">
526	<select name="mec[settings][currency]" id="mec_settings_currency" onchange="jQuery('#mec_settings_currency_symptom_container .mec-settings-currency-symptom-prev').html(this.value);">
527	<?php foreach($currencies as $currency=>$currency_name): ?>
528	<option value="<?php echo $currency; ?>" <?php echo ((isset($settings['currency']) and $settings['currency'] == $currency) ? 'selected="selected"' : ''); ?>><?php echo $currency_name; ?></option>
	@@ -532,10 +536,10 @@ $shortcodes = get_posts(array(
532	</div>
533	<div class="mec-form-row">
534	<label class="mec-col-3" for="mec_settings_currency_symptom"><?php _e('Currency Sign', 'modern-events-calendar-lite'); ?></label>
535	- <div class="mec-col-4">
536	<input type="text" name="mec[settings][currency_symptom]" id="mec_settings_currency_symptom" value="<?php echo (isset($settings['currency_symptom']) ? $settings['currency_symptom'] : ''); ?>" />
537	<span class="mec-tooltip">
538	- <div class="box">
539	<h5 class="title"><?php _e('Currency Sign', 'modern-events-calendar-lite'); ?></h5>
540	<div class="content"><p><?php esc_attr_e("Default value will be \"currency\" if you leave it empty.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/currency-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
541	</div>
	@@ -545,7 +549,7 @@ $shortcodes = get_posts(array(
545	</div>
546	<div class="mec-form-row">
547	<label class="mec-col-3" for="mec_settings_currency_sign"><?php _e('Currency Position', 'modern-events-calendar-lite'); ?></label>
548	- <div class="mec-col-4">
549	<select name="mec[settings][currency_sign]" id="mec_settings_currency_sign">
550	<option value="before" <?php echo ((isset($settings['currency_sign']) and $settings['currency_sign'] == 'before') ? 'selected="selected"' : ''); ?>><?php _e('$10 (Before)', 'modern-events-calendar-lite'); ?></option>
551	<option value="before_space" <?php echo ((isset($settings['currency_sign']) and $settings['currency_sign'] == 'before_space') ? 'selected="selected"' : ''); ?>><?php _e('$ 10 (Before with Space)', 'modern-events-calendar-lite'); ?></option>
	@@ -556,13 +560,13 @@ $shortcodes = get_posts(array(
556	</div>
557	<div class="mec-form-row">
558	<label class="mec-col-3" for="mec_settings_thousand_separator"><?php _e('Thousand Separator', 'modern-events-calendar-lite'); ?></label>
559	- <div class="mec-col-4">
560	<input type="text" name="mec[settings][thousand_separator]" id="mec_settings_thousand_separator" value="<?php echo (isset($settings['thousand_separator']) ? $settings['thousand_separator'] : ','); ?>" />
561	</div>
562	</div>
563	<div class="mec-form-row">
564	<label class="mec-col-3" for="mec_settings_decimal_separator"><?php _e('Decimal Separator', 'modern-events-calendar-lite'); ?></label>
565	- <div class="mec-col-4">
566	<input type="text" name="mec[settings][decimal_separator]" id="mec_settings_decimal_separator" value="<?php echo (isset($settings['decimal_separator']) ? $settings['decimal_separator'] : '.'); ?>" />
567	</div>
568	</div>
	@@ -604,13 +608,13 @@ $shortcodes = get_posts(array(
604	</div>
605	<div class="mec-form-row">
606	<label class="mec-col-3" for="mec_settings_google_recaptcha_sitekey"><?php _e('Site Key', 'modern-events-calendar-lite'); ?></label>
607	- <div class="mec-col-4">
608	<input type="text" id="mec_settings_google_recaptcha_sitekey" name="mec[settings][google_recaptcha_sitekey]" value="<?php echo ((isset($settings['google_recaptcha_sitekey']) and trim($settings['google_recaptcha_sitekey']) != '') ? $settings['google_recaptcha_sitekey'] : ''); ?>" />
609	</div>
610	</div>
611	<div class="mec-form-row">
612	<label class="mec-col-3" for="mec_settings_google_recaptcha_secretkey"><?php _e('Secret Key', 'modern-events-calendar-lite'); ?></label>
613	- <div class="mec-col-4">
614	<input type="text" id="mec_settings_google_recaptcha_secretkey" name="mec[settings][google_recaptcha_secretkey]" value="<?php echo ((isset($settings['google_recaptcha_secretkey']) and trim($settings['google_recaptcha_secretkey']) != '') ? $settings['google_recaptcha_secretkey'] : ''); ?>" />
615	</div>
616	</div>
	@@ -622,13 +626,13 @@ $shortcodes = get_posts(array(
622
623	<div class="mec-form-row">
624	<label class="mec-col-3" for="mec_settings_time_format"><?php _e('Time Format', 'modern-events-calendar-lite'); ?></label>
625	- <div class="mec-col-4">
626	<select id="mec_settings_time_format" name="mec[settings][time_format]">
627	<option value="12" <?php if(isset($settings['time_format']) and '12' == $settings['time_format']) echo 'selected="selected"'; ?>><?php _e('12 hours format with AM/PM', 'modern-events-calendar-lite'); ?></option>
628	<option value="24" <?php if(isset($settings['time_format']) and '24' == $settings['time_format']) echo 'selected="selected"'; ?>><?php _e('24 hours format', 'modern-events-calendar-lite'); ?></option>
629	</select>
630	<span class="mec-tooltip">
631	- <div class="box">
632	<h5 class="title"><?php _e('Time Format', 'modern-events-calendar-lite'); ?></h5>
633	<div class="content"><p><?php esc_attr_e("This option, affects the selection of Start/End time.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/frontend-event-submission/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
634	</div>
	@@ -639,31 +643,31 @@ $shortcodes = get_posts(array(
639
640	<div class="mec-form-row">
641	<label class="mec-col-3" for="mec_settings_fes_list_page"><?php _e('Events List Page', 'modern-events-calendar-lite'); ?></label>
642	- <div class="mec-col-4">
643	<select id="mec_settings_fes_list_page" name="mec[settings][fes_list_page]">
644	<option value="">----</option>
645	<?php foreach($pages as $page): ?>
646	<option <?php echo ((isset($settings['fes_list_page']) and $settings['fes_list_page'] == $page->ID) ? 'selected="selected"' : ''); ?> value="<?php echo $page->ID; ?>"><?php echo $page->post_title; ?></option>
647	<?php endforeach; ?>
648	</select>

649	</div>
650	- <p class="description"><?php echo sprintf(__('Put %s shortcode into the page.', 'modern-events-calendar-lite'), '<code>[MEC_fes_list]</code>'); ?></p>
651	</div>
652	<div class="mec-form-row">
653	<label class="mec-col-3" for="mec_settings_fes_form_page"><?php _e('Add/Edit Events Page', 'modern-events-calendar-lite'); ?></label>
654	- <div class="mec-col-4">
655	<select id="mec_settings_fes_form_page" name="mec[settings][fes_form_page]">
656	<option value="">----</option>
657	<?php foreach($pages as $page): ?>
658	<option <?php echo ((isset($settings['fes_form_page']) and $settings['fes_form_page'] == $page->ID) ? 'selected="selected"' : ''); ?> value="<?php echo $page->ID; ?>"><?php echo $page->post_title; ?></option>
659	<?php endforeach; ?>
660	</select>

661	</div>
662	- <p class="description"><?php echo sprintf(__('Put %s shortcode into the page.', 'modern-events-calendar-lite'), '<code>[MEC_fes_form]</code>'); ?></p>
663	</div>
664	<div class="mec-form-row">
665	<label class="mec-col-3" for="mec_settings_fes_new_event_status"><?php _e('New Events Status', 'modern-events-calendar-lite'); ?></label>
666	- <div class="mec-col-4">
667	<select id="mec_settings_fes_new_event_status" name="mec[settings][fes_new_event_status]">
668	<option value=""><?php esc_html_e('Let WordPress decide', 'modern-events-calendar-lite'); ?></option>
669	<option <?php echo ((isset($settings['fes_new_event_status']) and $settings['fes_new_event_status'] == 'pending') ? 'selected="selected"' : ''); ?> value="pending"><?php esc_html_e('Pending', 'modern-events-calendar-lite'); ?></option>
	@@ -674,7 +678,7 @@ $shortcodes = get_posts(array(
674	<!-- Start FES Thank You Page -->
675	<div class="mec-form-row">
676	<label class="mec-col-3" for="mec_settings_fes_thankyou_page"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></label>
677	- <div class="mec-col-4">
678	<select id="mec_settings_fes_thankyou_page" name="mec[settings][fes_thankyou_page]">
679	<option value="">----</option>
680	<?php foreach($pages as $page): ?>
	@@ -682,7 +686,7 @@ $shortcodes = get_posts(array(
682	<?php endforeach; ?>
683	</select>
684	<span class="mec-tooltip">
685	- <div class="box ~~top~~">
686	<h5 class="title"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></h5>
687	<div class="content"><p><?php esc_attr_e("User is redirected to this page after a new event submission. Leave it empty if you want it disabled.", 'modern-events-calendar-lite'); ?></p></div>
688	</div>
	@@ -692,10 +696,10 @@ $shortcodes = get_posts(array(
692	</div>
693	<div class="mec-form-row">
694	<label class="mec-col-3" for="mec_settings_fes_thankyou_page_url"><?php _e('Thank You Page URL', 'modern-events-calendar-lite'); ?></label>
695	- <div class="mec-col-4">
696	<input type="url" id="mec_settings_fes_thankyou_page_url" name="mec[settings][fes_thankyou_page_url]" value="<?php echo ((isset($settings['fes_thankyou_page_url']) and trim($settings['fes_thankyou_page_url']) != '') ? esc_url($settings['fes_thankyou_page_url']) : ''); ?>" placeholder="<?php echo esc_attr('http://yoursite/com/desired-url/'); ?>" />
697	<span class="mec-tooltip">
698	- <div class="box ~~top~~">
699	<h5 class="title"><?php _e('Thank You Page URL', 'modern-events-calendar-lite'); ?></h5>
700	<div class="content"><p><?php esc_attr_e("If filled it will use instead of thank you page set above.", 'modern-events-calendar-lite'); ?></p></div>
701	</div>
	@@ -707,10 +711,10 @@ $shortcodes = get_posts(array(
707	<!-- Start FES Thank You Page Time -->
708	<div class="mec-form-row">
709	<label class="mec-col-3" for="mec_settings_fes_thankyou_page_time"><?php _e('Thank You Page Time Interval', 'modern-events-calendar-lite'); ?></label>
710	- <div class="mec-col-4">
711	<input type="number" id="mec_settings_fes_thankyou_page_time" name="mec[settings][fes_thankyou_page_time]" value="<?php echo ((isset($settings['fes_thankyou_page_time']) and trim($settings['fes_thankyou_page_time']) != '0') ? intval($settings['fes_thankyou_page_time']) : '2000'); ?>" placeholder="<?php esc_attr_e('2000 mean 2 seconds', 'modern-events-calendar-lite'); ?>" />
712	<span class="mec-tooltip">
713	- <div class="box ~~top~~">
714	<h5 class="title"><?php _e('Thank You Page Time Interval', 'modern-events-calendar-lite'); ?></h5>
715	<div class="content"><p><?php esc_attr_e("Waiting time before redirecting to thank you page. It's in miliseconds so 2000 means 2 seconds.", 'modern-events-calendar-lite'); ?></p></div>
716	</div>
	@@ -721,10 +725,10 @@ $shortcodes = get_posts(array(
721	<!-- End FES Thank You Page Time -->
722	<div class="mec-form-row">
723	<label class="mec-col-3" for="mec_settings_fes_max_file_size"><?php _e('Maximum File Size', 'modern-events-calendar-lite'); ?></label>
724	- <div class="mec-col-4">
725	<input type="number" id="mec_settings_fes_max_file_size" name="mec[settings][fes_max_file_size]" value="<?php echo ((isset($settings['fes_max_file_size']) and trim($settings['fes_max_file_size']) != '0') ? intval($settings['fes_max_file_size']) : '5000'); ?>" placeholder="<?php esc_attr_e('in KB', 'modern-events-calendar-lite'); ?>" />
726	<span class="mec-tooltip">
727	- <div class="box ~~top~~">
728	<h5 class="title"><?php _e('Maximum File Size', 'modern-events-calendar-lite'); ?></h5>
729	<div class="content"><p><?php esc_attr_e("In Kilo Bytes so 5000 means 5MB (Approximately)", 'modern-events-calendar-lite'); ?></p></div>
730	</div>
	@@ -753,7 +757,7 @@ $shortcodes = get_posts(array(
753	</div>
754	</div>
755	<br>
756	- <h4 class="mec-form-subtitle"><?php _e('Frontend Event Submission Sections', 'modern-events-calendar-lite'); ?></h4>
757	<div class="mec-form-row">
758	<label>
759	<input type="hidden" name="mec[settings][fes_section_data_fields]" value="0" />
	@@ -834,7 +838,7 @@ $shortcodes = get_posts(array(
834	<input value="1" type="checkbox" name="mec[settings][fes_section_booking]" <?php if(!isset($settings['fes_section_booking']) or (isset($settings['fes_section_booking']) and $settings['fes_section_booking'])) echo 'checked="checked"'; ?> onchange="jQuery('#mec_fes_booking_section_options').toggle();" /> <?php _e('Booking Options', 'modern-events-calendar-lite'); ?>
835	</label>
836	</div>
837	- <div id="mec_fes_booking_section_options" style="margin: ~~20px~~ 0; padding: 20px 20px 4px; border: 1px solid #ddd;" class="<?php echo ((!isset($settings['fes_section_booking']) or (isset($settings['fes_section_booking']) and $settings['fes_section_booking'])) ? '' : 'mec-util-hidden'); ?>">
838	<div class="mec-form-row">
839	<label>
840	<input type="hidden" name="mec[settings][fes_section_booking_tbl]" value="0" />
	@@ -953,7 +957,7 @@ $shortcodes = get_posts(array(
953	<input onchange="jQuery('#mec_fes_note_container_toggle').toggle();" value="1" type="checkbox" name="mec[settings][fes_note]" <?php if(isset($settings['fes_note']) and $settings['fes_note']) echo 'checked="checked"'; ?> /> <?php _e('Event Note', 'modern-events-calendar-lite'); ?>
954	</label>
955	<span class="mec-tooltip">
956	- <div class="box">
957	<h5 class="title"><?php _e('Event Note', 'modern-events-calendar-lite'); ?></h5>
958	<div class="content"><p><?php esc_attr_e("Users can put a note for editors while they're submitting the event. Also you can put %%event_note%% into the new event notification in order to get users' note in email.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/frontend-event-submission/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
959	</div>
	@@ -963,13 +967,13 @@ $shortcodes = get_posts(array(
963	<div id="mec_fes_note_container_toggle" class="<?php if((isset($settings['fes_note']) and !$settings['fes_note']) or !isset($settings['fes_note'])) echo 'mec-util-hidden'; ?>">
964	<div class="mec-form-row">
965	<label class="mec-col-3" for="mec_settings_fes_note_visibility"><?php _e('Note visibility', 'modern-events-calendar-lite'); ?></label>
966	- <div class="mec-col-4">
967	<select id="mec_settings_fes_note_visibility" name="mec[settings][fes_note_visibility]">
968	<option <?php echo ((isset($settings['fes_note_visibility']) and $settings['fes_note_visibility'] == 'always') ? 'selected="selected"' : ''); ?> value="always"><?php _e('Always', 'modern-events-calendar-lite'); ?></option>
969	<option <?php echo ((isset($settings['fes_note_visibility']) and $settings['fes_note_visibility'] == 'pending') ? 'selected="selected"' : ''); ?> value="pending"><?php _e('While event is not published', 'modern-events-calendar-lite'); ?></option>
970	</select>
971	<span class="mec-tooltip">
972	- <div class="box ~~top~~">
973	<h5 class="title"><?php _e('Note visibility', 'modern-events-calendar-lite'); ?></h5>
974	<div class="content"><p><?php esc_attr_e("Event Note shows on Frontend Submission Form and Edit Event in backend.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/frontend-event-submission/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
975	</div>
	@@ -979,7 +983,7 @@ $shortcodes = get_posts(array(
979	</div>
980	</div>
981	<br>
982	- <h4 class="mec-form-subtitle"><?php _e('Required Fields', 'modern-events-calendar-lite'); ?></h4>
983
984	<?php foreach(array(
985	'body' => __('Event Description', 'modern-events-calendar-lite'),
	@@ -1023,71 +1027,71 @@ $shortcodes = get_posts(array(
1023	<h4 class="mec-form-subtitle"><?php _e('Search Bar', 'modern-events-calendar-lite'); ?></h4>
1024	<div class="mec-form-row">
1025	<p><?php echo sprintf(__('Put %s shortcode into your desired page. Then users are able to search events', 'modern-events-calendar-lite'), '<code>[MEC_search_bar]</code>'); ?></p>
1026	- <div ~~class="mec-form-row"~~>
1027	- <~~label~~>
1028	- <~~input type="hidden" name="mec[settings][search_bar_ajax_mode]" value="0" />~~
1029	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][search_bar_ajax_mode]" ~~<?php if(isset($settings['search_bar_ajax_mode']) and $settings['search_bar_ajax_mode']) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Ajax Live mode', 'modern-events-calendar-lite'); ?>~~
1030	- ~~</label>~~
1031	- ~~<span class="mec-tooltip"~~>
1032	- <~~div~~ class="~~box~~">
1033	- <h5 class="~~title~~"~~><?php _e('Ajax mode', 'modern-events-calendar-lite'); ?></h5~~>
1034	- <~~div~~ class="~~content~~"~~><p~~><?php ~~esc_attr_e~~(~~"if~~ ~~you enable this option~~, ~~the search button will disappear. To use this feature, text input field must be enabled.",~~ 'modern-events-calendar-lite'); ?></~~p></div~~>
1035	- </div>
1036	- ~~<i title="" class="dashicons-before dashicons-editor-help"></i~~>
1037	- ~~</span~~>
1038	- </~~div~~>
1039	- <div ~~class="mec-form-row"~~>
1040	- <~~label~~>
1041	- <~~input type="hidden" name="mec[settings][search_bar_modern_type]" value="0" />~~
1042	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][search_bar_modern_type]" ~~<?php if(isset($settings['search_bar_modern_type']) and $settings['search_bar_modern_type']) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Modern Type', 'modern-events-calendar-lite'); ?>~~
1043	- ~~</label>~~
1044	- </~~div~~>
1045	- ~~<br~~>
1046	- <~~h4 class="mec-form-subtitle"><?php _e('Search bar fields', 'modern-events-calendar-lite'); ?></h4~~>
1047	- <~~div~~ class="mec-form-~~row~~">
1048	- <~~label~~>
1049	- <~~input type="hidden" name="mec[settings][search_bar_category]" value="0" />~~
1050	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][search_bar_category]" ~~<?php if(isset($settings['search_bar_category']) and $settings['search_bar_category']) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Category', 'modern-events-calendar-lite'); ?>~~
1051	- ~~</label>~~
1052	- </~~div~~>
1053	- <div ~~class="mec-form-row"~~>
1054	- <~~label~~>
1055	- <~~input type="hidden" name="mec[settings][search_bar_location]" value="0" />~~
1056	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][search_bar_location]" ~~<?php if(isset($settings['search_bar_location']) and $settings['search_bar_location']) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Location', 'modern-events-calendar-lite'); ?>~~
1057	- ~~</label>~~
1058	- </~~div~~>
1059	- <div ~~class="mec-form-row"~~>
1060	- <~~label~~>
1061	- <~~input type="hidden" name="mec[settings][search_bar_organizer]" value="0" />~~
1062	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][search_bar_organizer]" ~~<?php if(isset($settings['search_bar_organizer']) and $settings['search_bar_organizer']) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Organizer', 'modern-events-calendar-lite'); ?>~~
1063	- ~~</label>~~
1064	- </~~div~~>
1065	- ~~<?php if(isset($settings['speakers_status']) and $settings['speakers_status']) : ?>~~
1066	- ~~<div~~ ~~class="mec-form-row">~~
1067	- <~~label~~>
1068	- <~~input type="hidden" name="mec[settings][search_bar_speaker]" value="0" />~~
1069	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][search_bar_speaker]" ~~<?php if(isset($settings['search_bar_speaker']) and $settings['search_bar_speaker']) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Speaker', 'modern-events-calendar-lite'); ?>~~
1070	- ~~</label>~~
1071	- </~~div~~>
1072	- ~~<?php endif; ?>~~
1073	- ~~<div~~ ~~class="mec-form-row">~~
1074	- <~~label~~>
1075	- <~~input type="hidden" name="mec[settings][search_bar_tag]" value="0" />~~
1076	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][search_bar_tag]" ~~<?php if(isset($settings['search_bar_tag']) and $settings['search_bar_tag']) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Tag', 'modern-events-calendar-lite'); ?>~~
1077	- ~~</label>~~
1078	- </~~div~~>
1079	- <div ~~class="mec-form-row"~~>
1080	- <~~label~~>
1081	- <~~input type="hidden" name="mec[settings][search_bar_label]" value="0" />~~
1082	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][search_bar_label]" ~~<?php if(isset($settings['search_bar_label']) and $settings['search_bar_label']) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Label', 'modern-events-calendar-lite'); ?>~~
1083	- ~~</label>~~
1084	- </~~div~~>
1085	- <div ~~class="mec-form-row"~~>
1086	- <~~label~~>
1087	- <~~input type="hidden" name="mec[settings][search_bar_text_field]" value="0" />~~
1088	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][search_bar_text_field]" ~~<?php if(isset($settings['search_bar_text_field']) and $settings['search_bar_text_field']) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Text input', 'modern-events-calendar-lite'); ?>~~
1089	- ~~</label>~~
1090	- </~~div~~>
1091	</div>
1092	</div>
1093
	@@ -1104,10 +1108,10 @@ $shortcodes = get_posts(array(
1104	<div id="mec_mchimp_status_container_toggle" class="<?php if((isset($settings['mchimp_status']) and !$settings['mchimp_status']) or !isset($settings['mchimp_status'])) echo 'mec-util-hidden'; ?>">
1105	<div class="mec-form-row">
1106	<label class="mec-col-3" for="mec_settings_mchimp_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1107	- <div class="mec-col-4">
1108	<input type="text" id="mec_settings_mchimp_api_key" name="mec[settings][mchimp_api_key]" value="<?php echo ((isset($settings['mchimp_api_key']) and trim($settings['mchimp_api_key']) != '') ? $settings['mchimp_api_key'] : ''); ?>" />
1109	<span class="mec-tooltip">
1110	- <div class="box">
1111	<h5 class="title"><?php _e('API Key', 'modern-events-calendar-lite'); ?></h5>
1112	<div class="content"><p><?php esc_attr_e("Required!", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/mailchimp-integration/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1113	</div>
	@@ -1117,10 +1121,10 @@ $shortcodes = get_posts(array(
1117	</div>
1118	<div class="mec-form-row">
1119	<label class="mec-col-3" for="mec_settings_mchimp_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1120	- <div class="mec-col-4">
1121	<input type="text" id="mec_settings_mchimp_list_id" name="mec[settings][mchimp_list_id]" value="<?php echo ((isset($settings['mchimp_list_id']) and trim($settings['mchimp_list_id']) != '') ? $settings['mchimp_list_id'] : ''); ?>" />
1122	<span class="mec-tooltip">
1123	- <div class="box ~~top~~">
1124	<h5 class="title"><?php _e('List ID', 'modern-events-calendar-lite'); ?></h5>
1125	<div class="content"><p><?php esc_attr_e("Required!", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/mailchimp-integration/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1126	</div>
	@@ -1130,13 +1134,13 @@ $shortcodes = get_posts(array(
1130	</div>
1131	<div class="mec-form-row">
1132	<label class="mec-col-3" for="mec_settings_mchimp_subscription_status"><?php _e('Subscription Status', 'modern-events-calendar-lite'); ?></label>
1133	- <div class="mec-col-4">
1134	<select name="mec[settings][mchimp_subscription_status]" id="mec_settings_mchimp_subscription_status">
1135	<option value="subscribed" <?php if(isset($settings['mchimp_subscription_status']) and $settings['mchimp_subscription_status'] == 'subscribed') echo 'selected="selected"'; ?>><?php _e('Subscribe automatically', 'modern-events-calendar-lite'); ?></option>
1136	<option value="pending" <?php if(isset($settings['mchimp_subscription_status']) and $settings['mchimp_subscription_status'] == 'pending') echo 'selected="selected"'; ?>><?php _e('Subscribe by verification', 'modern-events-calendar-lite'); ?></option>
1137	</select>
1138	<span class="mec-tooltip">
1139	- <div class="box ~~top~~">
1140	<h5 class="title"><?php _e('Subscription Status', 'modern-events-calendar-lite'); ?></h5>
1141	<div class="content"><p><?php esc_attr_e('If you choose "Subscribe by verification" then an email will be send to the user by mailchimp for subscription verification.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/mailchimp-integration/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1142	</div>
	@@ -1164,13 +1168,13 @@ $shortcodes = get_posts(array(
1164	<div id="mec_campm_status_container_toggle" class="<?php if((isset($settings['campm_status']) and !$settings['campm_status']) or !isset($settings['campm_status'])) echo 'mec-util-hidden'; ?>">
1165	<div class="mec-form-row">
1166	<label class="mec-col-3" for="mec_settings_campm_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1167	- <div class="mec-col-4">
1168	<input type="text" id="mec_settings_campm_api_key" name="mec[settings][campm_api_key]" value="<?php echo ((isset($settings['campm_api_key']) and trim($settings['campm_api_key']) != '') ? $settings['campm_api_key'] : ''); ?>" />
1169	</div>
1170	</div>
1171	<div class="mec-form-row">
1172	<label class="mec-col-3" for="mec_settings_campm_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1173	- <div class="mec-col-4">
1174	<input type="text" id="mec_settings_campm_list_id" name="mec[settings][campm_list_id]" value="<?php echo ((isset($settings['campm_list_id']) and trim($settings['campm_list_id']) != '') ? $settings['campm_list_id'] : ''); ?>" />
1175	</div>
1176	</div>
	@@ -1188,13 +1192,13 @@ $shortcodes = get_posts(array(
1188	<div id="mec_mailerlite_status_container_toggle" class="<?php if((isset($settings['mailerlite_status']) and !$settings['mailerlite_status']) or !isset($settings['mailerlite_status'])) echo 'mec-util-hidden'; ?>">
1189	<div class="mec-form-row">
1190	<label class="mec-col-3" for="mec_settings_mailerlite_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1191	- <div class="mec-col-4">
1192	<input type="text" id="mec_settings_mailerlite_api_key" name="mec[settings][mailerlite_api_key]" value="<?php echo ((isset($settings['mailerlite_api_key']) and trim($settings['mailerlite_api_key']) != '') ? $settings['mailerlite_api_key'] : ''); ?>" />
1193	</div>
1194	</div>
1195	<div class="mec-form-row">
1196	<label class="mec-col-3" for="mec_settings_mailerlite_list_id"><?php _e('Group ID', 'modern-events-calendar-lite'); ?></label>
1197	- <div class="mec-col-4">
1198	<input type="text" id="mec_settings_mailerlite_list_id" name="mec[settings][mailerlite_list_id]" value="<?php echo ((isset($settings['mailerlite_list_id']) and trim($settings['mailerlite_list_id']) != '') ? $settings['mailerlite_list_id'] : ''); ?>" />
1199	</div>
1200	</div>
	@@ -1212,13 +1216,13 @@ $shortcodes = get_posts(array(
1212	<div id="mec_constantcontact_status_container_toggle" class="<?php if((isset($settings['constantcontact_status']) and !$settings['constantcontact_status']) or !isset($settings['constantcontact_status'])) echo 'mec-util-hidden'; ?>">
1213	<div class="mec-form-row">
1214	<label class="mec-col-3" for="mec_settings_constantcontact_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1215	- <div class="mec-col-4">
1216	<input type="text" id="mec_settings_constantcontact_api_key" name="mec[settings][constantcontact_api_key]" value="<?php echo ((isset($settings['constantcontact_api_key']) and trim($settings['constantcontact_api_key']) != '') ? $settings['constantcontact_api_key'] : ''); ?>" />
1217	</div>
1218	</div>
1219	<div class="mec-form-row">
1220	<label class="mec-col-3" for="mec_settings_constantcontact_access_token"><?php _e('Access Token', 'modern-events-calendar-lite'); ?></label>
1221	- <div class="mec-col-4">
1222	<input type="text" id="mec_settings_constantcontact_access_token" name="mec[settings][constantcontact_access_token]" value="<?php echo ((isset($settings['constantcontact_access_token']) and trim($settings['constantcontact_access_token']) != '') ? $settings['constantcontact_access_token'] : ''); ?>" />
1223	</div>
1224	</div>
	@@ -1242,7 +1246,7 @@ $shortcodes = get_posts(array(
1242
1243	<div class="mec-form-row">
1244	<label class="mec-col-3" for="mec_settings_constantcontact_list_id"><?php _e('Select List', 'modern-events-calendar-lite'); ?></label>
1245	- <div class="mec-col-4">
1246	<select name="mec[settings][constantcontact_list_id]" id="mec_settings_constantcontact_list_id">
1247	<?php
1248	if ( isset($lists) and !empty($lists)) {
	@@ -1255,7 +1259,7 @@ $shortcodes = get_posts(array(
1255	?>
1256	</select>
1257	<span class="mec-tooltip">
1258	- <div class="box">
1259	<h5 class="title"><?php _e('Select List', 'modern-events-calendar-lite'); ?></h5>
1260	<div class="content"><p><?php esc_attr_e("Please fill in the API key and Access Token field and save settings. after that, please refresh the page and select a list.", 'modern-events-calendar-lite'); ?></p></div>
1261	</div>
	@@ -1277,19 +1281,19 @@ $shortcodes = get_posts(array(
1277	<div id="mec_active_campaign_status_container_toggle" class="<?php if((isset($settings['active_campaign_status']) and !$settings['active_campaign_status']) or !isset($settings['active_campaign_status'])) echo 'mec-util-hidden'; ?>">
1278	<div class="mec-form-row">
1279	<label class="mec-col-3" for="mec_settings_active_campaign_api_url"><?php _e('API URL', 'modern-events-calendar-lite'); ?></label>
1280	- <div class="mec-col-4">
1281	<input type="text" id="mec_settings_active_campaign_api_url" name="mec[settings][active_campaign_api_url]" value="<?php echo ((isset($settings['active_campaign_api_url']) and trim($settings['active_campaign_api_url']) != '') ? $settings['active_campaign_api_url'] : ''); ?>" />
1282	</div>
1283	</div>
1284	<div class="mec-form-row">
1285	<label class="mec-col-3" for="mec_settings_active_campaign_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1286	- <div class="mec-col-4">
1287	<input type="text" id="mec_settings_active_campaign_api_key" name="mec[settings][active_campaign_api_key]" value="<?php echo ((isset($settings['active_campaign_api_key']) and trim($settings['active_campaign_api_key']) != '') ? $settings['active_campaign_api_key'] : ''); ?>" />
1288	</div>
1289	</div>
1290	<div class="mec-form-row">
1291	<label class="mec-col-3" for="mec_settings_active_campaign_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1292	- <div class="mec-col-4">
1293	<input type="text" id="mec_settings_active_campaign_list_id" name="mec[settings][active_campaign_list_id]" value="<?php echo ((isset($settings['active_campaign_list_id']) and trim($settings['active_campaign_list_id']) != '') ? $settings['active_campaign_list_id'] : ''); ?>" />
1294	</div>
1295	</div>
	@@ -1307,12 +1311,12 @@ $shortcodes = get_posts(array(
1307	<div id="mec_aweber_status_container_toggle" class="<?php if((isset($settings['aweber_status']) and !$settings['aweber_status']) or !isset($settings['aweber_status'])) echo 'mec-util-hidden'; ?>">
1308	<div class="mec-form-row">
1309	<label class="mec-col-3" for="mec_settings_aweber_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1310	- <div class="mec-col-4">
1311	<input type="text" id="mec_settings_aweber_list_id" name="mec[settings][aweber_list_id]" value="<?php echo ((isset($settings['aweber_list_id']) and trim($settings['aweber_list_id']) != '') ? $settings['aweber_list_id'] : ''); ?>" />


1312	</div>
1313	</div>
1314	- <p class="description"><?php echo sprintf(__("%s plugin should be installed and connected to your AWeber account.", 'modern-events-calendar-lite'), '<a href="https://wordpress.org/plugins/aweber-web-form-widget/" target="_blank">AWeber for WordPress</a>'); ?></p>
1315	- <p class="description"><?php echo sprintf(__('More information about the list ID can be found %s.', 'modern-events-calendar-lite'), '<a href="https://help.aweber.com/hc/en-us/articles/204028426" target="_blank">'.__('here', 'modern-events-calendar-lite').'</a>'); ?></p>
1316	</div>
1317	</div>
1318
	@@ -1328,7 +1332,7 @@ $shortcodes = get_posts(array(
1328	<?php if(class_exists(\MailPoet\API\API::class)): $mailpoet_api = \MailPoet\API\API::MP('v1'); $mailpoets_lists = $mailpoet_api->getLists(); ?>
1329	<div class="mec-form-row">
1330	<label class="mec-col-3" for="mec_settings_mailpoet_list_id"><?php _e('List', 'modern-events-calendar-lite'); ?></label>
1331	- <div class="mec-col-4">
1332	<select name="mec[settings][mailpoet_list_id]" id="mec_settings_mailpoet_list_id">
1333	<option value="">-----</option>
1334	<?php foreach($mailpoets_lists as $mailpoets_list): ?>
	@@ -1355,7 +1359,7 @@ $shortcodes = get_posts(array(
1355	<?php if(function_exists('gb_sf4wp_get_lists')): $sendfox_lists = gb_sf4wp_get_lists(); ?>
1356	<div class="mec-form-row">
1357	<label class="mec-col-3" for="mec_settings_sendfox_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1358	- <div class="mec-col-4">
1359	<select name="mec[settings][sendfox_list_id]" id="mec_settings_sendfox_list_id">
1360	<?php foreach($sendfox_lists['result']['data'] as $sendfox_list): ?>
1361	<option value="<?php echo $sendfox_list['id']; ?>" <?php echo ((isset($settings['sendfox_list_id']) and trim($settings['sendfox_list_id']) == $sendfox_list['id']) ? 'selected="selected"' : ''); ?>><?php echo $sendfox_list['name']; ?></option>


59
60	<div class="mec-form-row">
61	<label class="mec-col-3" for="mec_settings_hide_time_method"><?php _e('Hide Events', 'modern-events-calendar-lite'); ?></label>
62	+ <div class="mec-col-9">
63	<select id="mec_settings_time_format" name="mec[settings][hide_time_method]">
64	<option value="start" <?php if(isset($settings['hide_time_method']) and 'start' == $settings['hide_time_method']) echo 'selected="selected"'; ?>><?php _e('On Event Start', 'modern-events-calendar-lite'); ?></option>
65	<option value="plus1" <?php if(isset($settings['hide_time_method']) and 'plus1' == $settings['hide_time_method']) echo 'selected="selected"'; ?>><?php _e('+1 Hour after start', 'modern-events-calendar-lite'); ?></option>

68	<?php do_action('mec_hide_time_methods', $settings); ?>
69	</select>
70	<span class="mec-tooltip">
71	+ <div class="box left">
72	<h5 class="title"><?php _e('Hide Events', 'modern-events-calendar-lite'); ?></h5>
73	<div class="content"><p><?php esc_attr_e("This option is for showing start/end time of events on frontend of website.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/general-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
74	</div>

79
80	<div class="mec-form-row">
81
82	+ <label class="mec-col-3" for="mec_settings_multiple_day_show_method"><?php _e('Multiple Day Events Show', 'modern-events-calendar-lite'); ?></label>
83	+ <div class="mec-col-9">
84	<select id="mec_settings_multiple_day_show_method" name="mec[settings][multiple_day_show_method]">
85	+ <option value="first_day_listgrid" <?php if(isset($settings['multiple_day_show_method']) and $settings['multiple_day_show_method'] == 'first_day_listgrid') echo 'selected="selected"'; ?>><?php _e('First day on list/grid/slider/agenda skins', 'modern-events-calendar-lite'); ?></option>
86	+ <option value="first_day" <?php if(isset($settings['multiple_day_show_method']) and $settings['multiple_day_show_method'] == 'first_day') echo 'selected="selected"'; ?>><?php _e('First day on all skins', 'modern-events-calendar-lite'); ?></option>
87	+ <option value="all_days" <?php if(isset($settings['multiple_day_show_method']) and $settings['multiple_day_show_method'] == 'all_days') echo 'selected="selected"'; ?>><?php _e('All days', 'modern-events-calendar-lite'); ?></option>
88	</select>
89	<span class="mec-tooltip">
90	+ <div class="box left">
91	<h5 class="title"><?php _e('Multiple Day Events', 'modern-events-calendar-lite'); ?></h5>
92	<div class="content"><p><?php esc_attr_e("For showing all days of multiple day events on frontend or only show the first day.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/general-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
93	</div>

99
100	<div class="mec-form-row">
101	<label class="mec-col-3" for="mec_settings_remove_data_on_uninstall"><?php _e('Remove MEC Data on Plugin Uninstall', 'modern-events-calendar-lite'); ?></label>
102	+ <div class="mec-col-9">
103	<select id="mec_settings_remove_data_on_uninstall" name="mec[settings][remove_data_on_uninstall]">
104	<option value="0" <?php if(isset($settings['remove_data_on_uninstall']) and !$settings['remove_data_on_uninstall']) echo 'selected="selected"'; ?>><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
105	<option value="1" <?php if(isset($settings['remove_data_on_uninstall']) and $settings['remove_data_on_uninstall'] == '1') echo 'selected="selected"'; ?>><?php _e('Enabled', 'modern-events-calendar-lite'); ?></option>

110	<!-- Start Sender Name -->
111	<div class="mec-form-row">
112	<label class="mec-col-3" for="mec_settings_booking_sender_name"><?php _e('Sender Name', 'modern-events-calendar-lite'); ?></label>
113	+ <div class="mec-col-9">
114	<input type="text" id="mec_settings_booking_sender_name" name="mec[settings][booking_sender_name]"
115	value="<?php echo (isset($settings['booking_sender_name']) and trim($settings['booking_sender_name'])) ? $settings['booking_sender_name'] : ''; ?>" placeholder="<?php _e('e.g. Webnus', 'modern-events-calendar-lite'); ?>"/>
116	</div>

120	<!-- Start Sender Email -->
121	<div class="mec-form-row">
122	<label class="mec-col-3" for="mec_settings_booking_sender_email"><?php _e('Sender Email', 'modern-events-calendar-lite'); ?></label>
123	+ <div class="mec-col-9">
124	<input type="text" id="mec_settings_booking_sender_email" name="mec[settings][booking_sender_email]"
125	value="<?php echo (isset($settings['booking_sender_email']) and trim($settings['booking_sender_email'])) ? $settings['booking_sender_email'] : ''; ?>" placeholder="<?php _e('e.g. info@webnus.biz', 'modern-events-calendar-lite'); ?>"/>
126	</div>

134	<input value="1" type="checkbox" name="mec[settings][date_suffix]" <?php if(isset($settings['date_suffix']) and $settings['date_suffix']) echo 'checked="checked"'; ?> /> <?php _e('Remove suffix from calendars', 'modern-events-calendar-lite'); ?>
135	</label>
136	<span class="mec-tooltip">
137	+ <div class="box left">
138	<h5 class="title"><?php _e('Remove "Th" on calendar', 'modern-events-calendar-lite'); ?></h5>
139	<div class="content"><p><?php esc_attr_e("Checked this checkbox to remove 'Th' on calendar ( ex: '12Th' remove Th, showing just '12' )", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/general-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
140	</div>

149	<input value="1" type="checkbox" name="mec[settings][schema]" <?php if(!isset($settings['schema']) or (isset($settings['schema']) and $settings['schema'])) echo 'checked="checked"'; ?> /> <?php _e('Enable Schema Code', 'modern-events-calendar-lite'); ?>
150	</label>
151	<span class="mec-tooltip">
152	+ <div class="box left">
153	<h5 class="title"><?php _e('Schema', 'modern-events-calendar-lite'); ?></h5>
154	<div class="content"><p><?php esc_attr_e("You can enable/disable Schema scripts", 'modern-events-calendar-lite'); ?></p></div>
155	</div>

162
163	<label class="mec-col-3" for="mec_settings_weekdays"><?php _e('Weekdays', 'modern-events-calendar-lite'); ?></label>
164	<div class="mec-col-9">
165	+ <div class="mec-box">
166	+ <?php $mec_weekdays = $this->main->get_weekdays(); foreach($weekdays as $weekday): ?>
167	+ <label for="mec_settings_weekdays_<?php echo $weekday[0]; ?>">
168	+ <input type="checkbox" id="mec_settings_weekdays_<?php echo $weekday[0]; ?>" name="mec[settings][weekdays][]" value="<?php echo $weekday[0]; ?>" <?php echo (in_array($weekday[0], $mec_weekdays) ? 'checked="checked"' : ''); ?> />
169	+ <?php echo $weekday[1]; ?>
170	+ </label>
171	+ <?php endforeach; ?>
172	+ <span class="mec-tooltip">
173	+ <div class="box left">
174	+ <h5 class="title"><?php _e('Weekdays', 'modern-events-calendar-lite'); ?></h5>
175	+ <div class="content"><p><?php esc_attr_e("Proceed with caution. Default is set to Monday, Tuesday, Wednesday, Thursday and Friday ( you can change 'Week Starts' on WordPress Dashboard > Settings > General - bottom of the page ).", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/general-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
176	+ </div>
177	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
178	+ </span>
179	+ </div>
180	</div>
181
182	</div>

185
186	<label class="mec-col-3" for="mec_settings_weekends"><?php _e('Weekends', 'modern-events-calendar-lite'); ?></label>
187	<div class="mec-col-9">
188	+ <div class="mec-box">
189	<?php $mec_weekends = $this->main->get_weekends(); foreach($weekdays as $weekday): ?>
190	<label for="mec_settings_weekends_<?php echo $weekday[0]; ?>">
191	<input type="checkbox" id="mec_settings_weekends_<?php echo $weekday[0]; ?>" name="mec[settings][weekends][]" value="<?php echo $weekday[0]; ?>" <?php echo (in_array($weekday[0], $mec_weekends) ? 'checked="checked"' : ''); ?> />

200	<i title="" class="dashicons-before dashicons-editor-help"></i>
201	</span>
202	</div>
203	+ </div>
204
205	</div>
206
207	<div class="mec-form-row">
208	<label class="mec-col-3" for="mec_settings_datepicker_format"><?php _e('Datepicker Format', 'modern-events-calendar-lite'); ?></label>
209	+ <div class="mec-col-9">
210	<select id="mec_settings_datepicker_format" name="mec[settings][datepicker_format]">
211	<?php
212	$selected = (isset($settings['datepicker_format']) and trim($settings['datepicker_format'])) ? trim($settings['datepicker_format']) : 'yy-mm-dd&Y-m-d';

229
230	<div class="mec-form-row">
231	<label class="mec-col-3" for="mec_settings_midnight_hour"><?php _e('Midnight Hour', 'modern-events-calendar-lite'); ?></label>
232	+ <div class="mec-col-9">
233	<select id="mec_settings_midnight_hour" name="mec[settings][midnight_hour]">
234	<option value="0" <?php if(isset($settings['midnight_hour']) and !$settings['midnight_hour']) echo 'selected="selected"'; ?>><?php _e('12 AM', 'modern-events-calendar-lite'); ?></option>
235	<option value="1" <?php if(isset($settings['midnight_hour']) and $settings['midnight_hour'] == '1') echo 'selected="selected"'; ?>><?php _e('1 AM', 'modern-events-calendar-lite'); ?></option>

287
288	<div class="mec-form-row">
289	<label class="mec-col-3" for="mec_settings_archive_title"><?php _e('Archive Page Title', 'modern-events-calendar-lite'); ?></label>
290	+ <div class="mec-col-9">
291	<input type="text" id="mec_settings_archive_title" name="mec[settings][archive_title]" value="<?php echo ((isset($settings['archive_title']) and trim($settings['archive_title']) != '') ? $settings['archive_title'] : 'Events'); ?>" />
292	<span class="mec-tooltip">
293	+ <div class="box left">
294	<h5 class="title"><?php _e('Archive Page Title', 'modern-events-calendar-lite'); ?></h5>
295	<div class="content"><p><?php esc_attr_e("Default value is Events - It's title of the page", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/archive-pages/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
296	</div>

301
302	<div class="mec-form-row">
303	<label class="mec-col-3" for="mec_settings_default_skin_archive"><?php _e('Archive Page Skin', 'modern-events-calendar-lite'); ?></label>
304	+ <div class="mec-col-9 tooltip-move-up">
305	<select id="mec_settings_default_skin_archive" name="mec[settings][default_skin_archive]" onchange="mec_archive_skin_style_changed(this.value);">
306	<?php foreach($archive_skins as $archive_skin): ?>
307	<option value="<?php echo $archive_skin['skin']; ?>" <?php if(isset($settings['default_skin_archive']) and $archive_skin['skin'] == $settings['default_skin_archive']) echo 'selected="selected"'; ?>><?php echo $archive_skin['name']; ?></option>

378
379	<div class="mec-form-row">
380	<label class="mec-col-3" for="mec_settings_default_skin_category"><?php _e('Category Page Skin', 'modern-events-calendar-lite'); ?></label>
381	+ <div class="mec-col-9 tooltip-move-up">
382	<select id="mec_settings_default_skin_category" name="mec[settings][default_skin_category]" onchange="mec_category_skin_style_changed(this.value);">
383	<?php foreach($category_skins as $category_skin): ?>
384	<option value="<?php echo $category_skin['skin']; ?>" <?php if(isset($settings['default_skin_category']) and $category_skin['skin'] == $settings['default_skin_category']) echo 'selected="selected"'; if(!isset($settings['default_skin_category']) and $category_skin['skin'] == 'list') echo 'selected="selected"'; ?>><?php echo $category_skin['name']; ?></option>

455
456	<div class="mec-form-row">
457	<label class="mec-col-3" for="mec_settings_category_events_method"><?php _e('Category Events Method', 'modern-events-calendar-lite'); ?></label>
458	+ <div class="mec-col-9">
459	<select id="mec_settings_category_events_method" name="mec[settings][category_events_method]">
460	<option value="1" <?php if(!isset($settings['category_events_method']) or (isset($settings['category_events_method']) and $settings['category_events_method'] == 1)) echo 'selected="selected"'; ?>><?php _e('Upcoming Events', 'modern-events-calendar-lite'); ?></option>
461	<option value="2" <?php if(isset($settings['category_events_method']) and $settings['category_events_method'] == 2) echo 'selected="selected"'; ?>><?php _e('Expired Events', 'modern-events-calendar-lite'); ?></option>
462	</select>
463	<span class="mec-tooltip">
464	+ <div class="box left">
465	<h5 class="title"><?php _e('Category Events Method', 'modern-events-calendar-lite'); ?></h5>
466	<div class="content"><p><?php esc_attr_e("Default value is Upcoming Events", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/archive-pages/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
467	</div>

472
473	<div class="mec-form-row">
474	<label class="mec-col-3" for="mec_settings_archive_status"><?php _e('Events Archive Status', 'modern-events-calendar-lite'); ?></label>
475	+ <div class="mec-col-9">
476	<select id="mec_settings_archive_status" name="mec[settings][archive_status]">
477	<option value="1" <?php if(isset($settings['archive_status']) and $settings['archive_status'] == '1') echo 'selected="selected"'; ?>><?php _e('Enabled (Recommended)', 'modern-events-calendar-lite'); ?></option>
478	<option value="0" <?php if(isset($settings['archive_status']) and !$settings['archive_status']) echo 'selected="selected"'; ?>><?php _e('Disabled', 'modern-events-calendar-lite'); ?></option>
479	</select>
480	<span class="mec-tooltip">
481	+ <div class="box left">
482	<h5 class="title"><?php _e('Events Archive Status', 'modern-events-calendar-lite'); ?></h5>
483	<div class="content"><p><?php esc_attr_e("If you disable it, then you should create a page as archive page of MEC. Page's slug must equals to \"Main Slug\" of MEC. Also it will disable all of MEC rewrite rules.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/archive-pages/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
484	</div>

494	<h4 class="mec-form-subtitle"><?php _e('Slugs/Permalinks', 'modern-events-calendar-lite'); ?></h4>
495	<div class="mec-form-row">
496	<label class="mec-col-3" for="mec_settings_slug"><?php _e('Main Slug', 'modern-events-calendar-lite'); ?></label>
497	+ <div class="mec-col-9">
498	<input type="text" id="mec_settings_slug" name="mec[settings][slug]" value="<?php echo ((isset($settings['slug']) and trim($settings['slug']) != '') ? $settings['slug'] : 'events'); ?>" />
499	<span class="mec-tooltip">
500	+ <div class="box left">
501	<h5 class="title"><?php _e('Main Slug', 'modern-events-calendar-lite'); ?></h5>
502	<div class="content"><p><?php esc_attr_e("Default value is events. You can not have a page with this name. MEC allows you to create custom URLs for the permalinks and archives to enhance the applicability and forward-compatibility of the links.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/slug-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
503	</div>

508	</div>
509	<div class="mec-form-row">
510	<label class="mec-col-3" for="mec_settings_category_slug"><?php _e('Category Slug', 'modern-events-calendar-lite'); ?></label>
511	+ <div class="mec-col-9">
512	<input type="text" id="mec_settings_category_slug" name="mec[settings][category_slug]" value="<?php echo ((isset($settings['category_slug']) and trim($settings['category_slug']) != '') ? $settings['category_slug'] : 'mec-category'); ?>" />
513	<span class="mec-tooltip">
514	+ <div class="box left">
515	<h5 class="title"><?php _e('Category Slug', 'modern-events-calendar-lite'); ?></h5>
516	<div class="content"><p><?php esc_attr_e("It's slug of MEC categories, you can change it to events-cat or something else. Default value is mec-category. You can not have a page with this name.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/slug-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
517	</div>

526	<h4 class="mec-form-subtitle"><?php _e('Currency Options', 'modern-events-calendar-lite'); ?></h4>
527	<div class="mec-form-row">
528	<label class="mec-col-3" for="mec_settings_currency"><?php _e('Currency', 'modern-events-calendar-lite'); ?></label>
529	+ <div class="mec-col-9">
530	<select name="mec[settings][currency]" id="mec_settings_currency" onchange="jQuery('#mec_settings_currency_symptom_container .mec-settings-currency-symptom-prev').html(this.value);">
531	<?php foreach($currencies as $currency=>$currency_name): ?>
532	<option value="<?php echo $currency; ?>" <?php echo ((isset($settings['currency']) and $settings['currency'] == $currency) ? 'selected="selected"' : ''); ?>><?php echo $currency_name; ?></option>

536	</div>
537	<div class="mec-form-row">
538	<label class="mec-col-3" for="mec_settings_currency_symptom"><?php _e('Currency Sign', 'modern-events-calendar-lite'); ?></label>
539	+ <div class="mec-col-9">
540	<input type="text" name="mec[settings][currency_symptom]" id="mec_settings_currency_symptom" value="<?php echo (isset($settings['currency_symptom']) ? $settings['currency_symptom'] : ''); ?>" />
541	<span class="mec-tooltip">
542	+ <div class="box left">
543	<h5 class="title"><?php _e('Currency Sign', 'modern-events-calendar-lite'); ?></h5>
544	<div class="content"><p><?php esc_attr_e("Default value will be \"currency\" if you leave it empty.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/currency-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
545	</div>

549	</div>
550	<div class="mec-form-row">
551	<label class="mec-col-3" for="mec_settings_currency_sign"><?php _e('Currency Position', 'modern-events-calendar-lite'); ?></label>
552	+ <div class="mec-col-9">
553	<select name="mec[settings][currency_sign]" id="mec_settings_currency_sign">
554	<option value="before" <?php echo ((isset($settings['currency_sign']) and $settings['currency_sign'] == 'before') ? 'selected="selected"' : ''); ?>><?php _e('$10 (Before)', 'modern-events-calendar-lite'); ?></option>
555	<option value="before_space" <?php echo ((isset($settings['currency_sign']) and $settings['currency_sign'] == 'before_space') ? 'selected="selected"' : ''); ?>><?php _e('$ 10 (Before with Space)', 'modern-events-calendar-lite'); ?></option>

560	</div>
561	<div class="mec-form-row">
562	<label class="mec-col-3" for="mec_settings_thousand_separator"><?php _e('Thousand Separator', 'modern-events-calendar-lite'); ?></label>
563	+ <div class="mec-col-9">
564	<input type="text" name="mec[settings][thousand_separator]" id="mec_settings_thousand_separator" value="<?php echo (isset($settings['thousand_separator']) ? $settings['thousand_separator'] : ','); ?>" />
565	</div>
566	</div>
567	<div class="mec-form-row">
568	<label class="mec-col-3" for="mec_settings_decimal_separator"><?php _e('Decimal Separator', 'modern-events-calendar-lite'); ?></label>
569	+ <div class="mec-col-9">
570	<input type="text" name="mec[settings][decimal_separator]" id="mec_settings_decimal_separator" value="<?php echo (isset($settings['decimal_separator']) ? $settings['decimal_separator'] : '.'); ?>" />
571	</div>
572	</div>

608	</div>
609	<div class="mec-form-row">
610	<label class="mec-col-3" for="mec_settings_google_recaptcha_sitekey"><?php _e('Site Key', 'modern-events-calendar-lite'); ?></label>
611	+ <div class="mec-col-9">
612	<input type="text" id="mec_settings_google_recaptcha_sitekey" name="mec[settings][google_recaptcha_sitekey]" value="<?php echo ((isset($settings['google_recaptcha_sitekey']) and trim($settings['google_recaptcha_sitekey']) != '') ? $settings['google_recaptcha_sitekey'] : ''); ?>" />
613	</div>
614	</div>
615	<div class="mec-form-row">
616	<label class="mec-col-3" for="mec_settings_google_recaptcha_secretkey"><?php _e('Secret Key', 'modern-events-calendar-lite'); ?></label>
617	+ <div class="mec-col-9">
618	<input type="text" id="mec_settings_google_recaptcha_secretkey" name="mec[settings][google_recaptcha_secretkey]" value="<?php echo ((isset($settings['google_recaptcha_secretkey']) and trim($settings['google_recaptcha_secretkey']) != '') ? $settings['google_recaptcha_secretkey'] : ''); ?>" />
619	</div>
620	</div>

626
627	<div class="mec-form-row">
628	<label class="mec-col-3" for="mec_settings_time_format"><?php _e('Time Format', 'modern-events-calendar-lite'); ?></label>
629	+ <div class="mec-col-9">
630	<select id="mec_settings_time_format" name="mec[settings][time_format]">
631	<option value="12" <?php if(isset($settings['time_format']) and '12' == $settings['time_format']) echo 'selected="selected"'; ?>><?php _e('12 hours format with AM/PM', 'modern-events-calendar-lite'); ?></option>
632	<option value="24" <?php if(isset($settings['time_format']) and '24' == $settings['time_format']) echo 'selected="selected"'; ?>><?php _e('24 hours format', 'modern-events-calendar-lite'); ?></option>
633	</select>
634	<span class="mec-tooltip">
635	+ <div class="box left">
636	<h5 class="title"><?php _e('Time Format', 'modern-events-calendar-lite'); ?></h5>
637	<div class="content"><p><?php esc_attr_e("This option, affects the selection of Start/End time.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/frontend-event-submission/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
638	</div>

643
644	<div class="mec-form-row">
645	<label class="mec-col-3" for="mec_settings_fes_list_page"><?php _e('Events List Page', 'modern-events-calendar-lite'); ?></label>
646	+ <div class="mec-col-9">
647	<select id="mec_settings_fes_list_page" name="mec[settings][fes_list_page]">
648	<option value="">----</option>
649	<?php foreach($pages as $page): ?>
650	<option <?php echo ((isset($settings['fes_list_page']) and $settings['fes_list_page'] == $page->ID) ? 'selected="selected"' : ''); ?> value="<?php echo $page->ID; ?>"><?php echo $page->post_title; ?></option>
651	<?php endforeach; ?>
652	</select>
653	+ <p class="description"><?php echo sprintf(__('Put %s shortcode into the page.', 'modern-events-calendar-lite'), '<code>[MEC_fes_list]</code>'); ?></p>
654	</div>

655	</div>
656	<div class="mec-form-row">
657	<label class="mec-col-3" for="mec_settings_fes_form_page"><?php _e('Add/Edit Events Page', 'modern-events-calendar-lite'); ?></label>
658	+ <div class="mec-col-9">
659	<select id="mec_settings_fes_form_page" name="mec[settings][fes_form_page]">
660	<option value="">----</option>
661	<?php foreach($pages as $page): ?>
662	<option <?php echo ((isset($settings['fes_form_page']) and $settings['fes_form_page'] == $page->ID) ? 'selected="selected"' : ''); ?> value="<?php echo $page->ID; ?>"><?php echo $page->post_title; ?></option>
663	<?php endforeach; ?>
664	</select>
665	+ <p class="description"><?php echo sprintf(__('Put %s shortcode into the page.', 'modern-events-calendar-lite'), '<code>[MEC_fes_form]</code>'); ?></p>
666	</div>

667	</div>
668	<div class="mec-form-row">
669	<label class="mec-col-3" for="mec_settings_fes_new_event_status"><?php _e('New Events Status', 'modern-events-calendar-lite'); ?></label>
670	+ <div class="mec-col-9">
671	<select id="mec_settings_fes_new_event_status" name="mec[settings][fes_new_event_status]">
672	<option value=""><?php esc_html_e('Let WordPress decide', 'modern-events-calendar-lite'); ?></option>
673	<option <?php echo ((isset($settings['fes_new_event_status']) and $settings['fes_new_event_status'] == 'pending') ? 'selected="selected"' : ''); ?> value="pending"><?php esc_html_e('Pending', 'modern-events-calendar-lite'); ?></option>

678	<!-- Start FES Thank You Page -->
679	<div class="mec-form-row">
680	<label class="mec-col-3" for="mec_settings_fes_thankyou_page"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></label>
681	+ <div class="mec-col-9">
682	<select id="mec_settings_fes_thankyou_page" name="mec[settings][fes_thankyou_page]">
683	<option value="">----</option>
684	<?php foreach($pages as $page): ?>

686	<?php endforeach; ?>
687	</select>
688	<span class="mec-tooltip">
689	+ <div class="box left">
690	<h5 class="title"><?php _e('Thank You Page', 'modern-events-calendar-lite'); ?></h5>
691	<div class="content"><p><?php esc_attr_e("User is redirected to this page after a new event submission. Leave it empty if you want it disabled.", 'modern-events-calendar-lite'); ?></p></div>
692	</div>

696	</div>
697	<div class="mec-form-row">
698	<label class="mec-col-3" for="mec_settings_fes_thankyou_page_url"><?php _e('Thank You Page URL', 'modern-events-calendar-lite'); ?></label>
699	+ <div class="mec-col-9">
700	<input type="url" id="mec_settings_fes_thankyou_page_url" name="mec[settings][fes_thankyou_page_url]" value="<?php echo ((isset($settings['fes_thankyou_page_url']) and trim($settings['fes_thankyou_page_url']) != '') ? esc_url($settings['fes_thankyou_page_url']) : ''); ?>" placeholder="<?php echo esc_attr('http://yoursite/com/desired-url/'); ?>" />
701	<span class="mec-tooltip">
702	+ <div class="box left">
703	<h5 class="title"><?php _e('Thank You Page URL', 'modern-events-calendar-lite'); ?></h5>
704	<div class="content"><p><?php esc_attr_e("If filled it will use instead of thank you page set above.", 'modern-events-calendar-lite'); ?></p></div>
705	</div>

711	<!-- Start FES Thank You Page Time -->
712	<div class="mec-form-row">
713	<label class="mec-col-3" for="mec_settings_fes_thankyou_page_time"><?php _e('Thank You Page Time Interval', 'modern-events-calendar-lite'); ?></label>
714	+ <div class="mec-col-9">
715	<input type="number" id="mec_settings_fes_thankyou_page_time" name="mec[settings][fes_thankyou_page_time]" value="<?php echo ((isset($settings['fes_thankyou_page_time']) and trim($settings['fes_thankyou_page_time']) != '0') ? intval($settings['fes_thankyou_page_time']) : '2000'); ?>" placeholder="<?php esc_attr_e('2000 mean 2 seconds', 'modern-events-calendar-lite'); ?>" />
716	<span class="mec-tooltip">
717	+ <div class="box left">
718	<h5 class="title"><?php _e('Thank You Page Time Interval', 'modern-events-calendar-lite'); ?></h5>
719	<div class="content"><p><?php esc_attr_e("Waiting time before redirecting to thank you page. It's in miliseconds so 2000 means 2 seconds.", 'modern-events-calendar-lite'); ?></p></div>
720	</div>

725	<!-- End FES Thank You Page Time -->
726	<div class="mec-form-row">
727	<label class="mec-col-3" for="mec_settings_fes_max_file_size"><?php _e('Maximum File Size', 'modern-events-calendar-lite'); ?></label>
728	+ <div class="mec-col-9">
729	<input type="number" id="mec_settings_fes_max_file_size" name="mec[settings][fes_max_file_size]" value="<?php echo ((isset($settings['fes_max_file_size']) and trim($settings['fes_max_file_size']) != '0') ? intval($settings['fes_max_file_size']) : '5000'); ?>" placeholder="<?php esc_attr_e('in KB', 'modern-events-calendar-lite'); ?>" />
730	<span class="mec-tooltip">
731	+ <div class="box left">
732	<h5 class="title"><?php _e('Maximum File Size', 'modern-events-calendar-lite'); ?></h5>
733	<div class="content"><p><?php esc_attr_e("In Kilo Bytes so 5000 means 5MB (Approximately)", 'modern-events-calendar-lite'); ?></p></div>
734	</div>

757	</div>
758	</div>
759	<br>
760	+ <h5 class="mec-form-subtitle"><?php _e('Frontend Event Submission Sections', 'modern-events-calendar-lite'); ?></h5>
761	<div class="mec-form-row">
762	<label>
763	<input type="hidden" name="mec[settings][fes_section_data_fields]" value="0" />

838	<input value="1" type="checkbox" name="mec[settings][fes_section_booking]" <?php if(!isset($settings['fes_section_booking']) or (isset($settings['fes_section_booking']) and $settings['fes_section_booking'])) echo 'checked="checked"'; ?> onchange="jQuery('#mec_fes_booking_section_options').toggle();" /> <?php _e('Booking Options', 'modern-events-calendar-lite'); ?>
839	</label>
840	</div>
841	+ <div id="mec_fes_booking_section_options" style="margin: 0 0 40px 0; padding: 20px 20px 4px; border: 1px solid #ddd;" class="<?php echo ((!isset($settings['fes_section_booking']) or (isset($settings['fes_section_booking']) and $settings['fes_section_booking'])) ? '' : 'mec-util-hidden'); ?>">
842	<div class="mec-form-row">
843	<label>
844	<input type="hidden" name="mec[settings][fes_section_booking_tbl]" value="0" />

957	<input onchange="jQuery('#mec_fes_note_container_toggle').toggle();" value="1" type="checkbox" name="mec[settings][fes_note]" <?php if(isset($settings['fes_note']) and $settings['fes_note']) echo 'checked="checked"'; ?> /> <?php _e('Event Note', 'modern-events-calendar-lite'); ?>
958	</label>
959	<span class="mec-tooltip">
960	+ <div class="box left">
961	<h5 class="title"><?php _e('Event Note', 'modern-events-calendar-lite'); ?></h5>
962	<div class="content"><p><?php esc_attr_e("Users can put a note for editors while they're submitting the event. Also you can put %%event_note%% into the new event notification in order to get users' note in email.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/frontend-event-submission/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
963	</div>

967	<div id="mec_fes_note_container_toggle" class="<?php if((isset($settings['fes_note']) and !$settings['fes_note']) or !isset($settings['fes_note'])) echo 'mec-util-hidden'; ?>">
968	<div class="mec-form-row">
969	<label class="mec-col-3" for="mec_settings_fes_note_visibility"><?php _e('Note visibility', 'modern-events-calendar-lite'); ?></label>
970	+ <div class="mec-col-9">
971	<select id="mec_settings_fes_note_visibility" name="mec[settings][fes_note_visibility]">
972	<option <?php echo ((isset($settings['fes_note_visibility']) and $settings['fes_note_visibility'] == 'always') ? 'selected="selected"' : ''); ?> value="always"><?php _e('Always', 'modern-events-calendar-lite'); ?></option>
973	<option <?php echo ((isset($settings['fes_note_visibility']) and $settings['fes_note_visibility'] == 'pending') ? 'selected="selected"' : ''); ?> value="pending"><?php _e('While event is not published', 'modern-events-calendar-lite'); ?></option>
974	</select>
975	<span class="mec-tooltip">
976	+ <div class="box left">
977	<h5 class="title"><?php _e('Note visibility', 'modern-events-calendar-lite'); ?></h5>
978	<div class="content"><p><?php esc_attr_e("Event Note shows on Frontend Submission Form and Edit Event in backend.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/frontend-event-submission/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
979	</div>

983	</div>
984	</div>
985	<br>
986	+ <h5 class="mec-form-subtitle"><?php _e('Required Fields', 'modern-events-calendar-lite'); ?></h5>
987
988	<?php foreach(array(
989	'body' => __('Event Description', 'modern-events-calendar-lite'),

1027	<h4 class="mec-form-subtitle"><?php _e('Search Bar', 'modern-events-calendar-lite'); ?></h4>
1028	<div class="mec-form-row">
1029	<p><?php echo sprintf(__('Put %s shortcode into your desired page. Then users are able to search events', 'modern-events-calendar-lite'), '<code>[MEC_search_bar]</code>'); ?></p>
1030	+ </div>
1031	+ <div class="mec-form-row">
1032	+ <label>
1033	+ <input type="hidden" name="mec[settings][search_bar_ajax_mode]" value="0" />
1034	+ <input value="1" type="checkbox" name="mec[settings][search_bar_ajax_mode]" <?php if(isset($settings['search_bar_ajax_mode']) and $settings['search_bar_ajax_mode']) echo 'checked="checked"'; ?> /> <?php _e('Ajax Live mode', 'modern-events-calendar-lite'); ?>
1035	+ </label>
1036	+ <span class="mec-tooltip">
1037	+ <div class="box">
1038	+ <h5 class="title"><?php _e('Ajax mode', 'modern-events-calendar-lite'); ?></h5>
1039	+ <div class="content"><p><?php esc_attr_e("if you enable this option, the search button will disappear. To use this feature, text input field must be enabled.", 'modern-events-calendar-lite'); ?></p></div>
1040	+ </div>
1041	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
1042	+ </span>
1043	+ </div>
1044	+ <div class="mec-form-row">
1045	+ <label>
1046	+ <input type="hidden" name="mec[settings][search_bar_modern_type]" value="0" />
1047	+ <input value="1" type="checkbox" name="mec[settings][search_bar_modern_type]" <?php if(isset($settings['search_bar_modern_type']) and $settings['search_bar_modern_type']) echo 'checked="checked"'; ?> /> <?php _e('Modern Type', 'modern-events-calendar-lite'); ?>
1048	+ </label>
1049	+ </div>
1050	+ <br>
1051	+ <h5 class="mec-form-subtitle"><?php _e('Search bar fields', 'modern-events-calendar-lite'); ?></h5>
1052	+ <div class="mec-form-row">
1053	+ <label>
1054	+ <input type="hidden" name="mec[settings][search_bar_category]" value="0" />
1055	+ <input value="1" type="checkbox" name="mec[settings][search_bar_category]" <?php if(isset($settings['search_bar_category']) and $settings['search_bar_category']) echo 'checked="checked"'; ?> /> <?php _e('Category', 'modern-events-calendar-lite'); ?>
1056	+ </label>
1057	+ </div>
1058	+ <div class="mec-form-row">
1059	+ <label>
1060	+ <input type="hidden" name="mec[settings][search_bar_location]" value="0" />
1061	+ <input value="1" type="checkbox" name="mec[settings][search_bar_location]" <?php if(isset($settings['search_bar_location']) and $settings['search_bar_location']) echo 'checked="checked"'; ?> /> <?php _e('Location', 'modern-events-calendar-lite'); ?>
1062	+ </label>
1063	+ </div>
1064	+ <div class="mec-form-row">
1065	+ <label>
1066	+ <input type="hidden" name="mec[settings][search_bar_organizer]" value="0" />
1067	+ <input value="1" type="checkbox" name="mec[settings][search_bar_organizer]" <?php if(isset($settings['search_bar_organizer']) and $settings['search_bar_organizer']) echo 'checked="checked"'; ?> /> <?php _e('Organizer', 'modern-events-calendar-lite'); ?>
1068	+ </label>
1069	+ </div>
1070	+ <?php if(isset($settings['speakers_status']) and $settings['speakers_status']) : ?>
1071	+ <div class="mec-form-row">
1072	+ <label>
1073	+ <input type="hidden" name="mec[settings][search_bar_speaker]" value="0" />
1074	+ <input value="1" type="checkbox" name="mec[settings][search_bar_speaker]" <?php if(isset($settings['search_bar_speaker']) and $settings['search_bar_speaker']) echo 'checked="checked"'; ?> /> <?php _e('Speaker', 'modern-events-calendar-lite'); ?>
1075	+ </label>
1076	+ </div>
1077	+ <?php endif; ?>
1078	+ <div class="mec-form-row">
1079	+ <label>
1080	+ <input type="hidden" name="mec[settings][search_bar_tag]" value="0" />
1081	+ <input value="1" type="checkbox" name="mec[settings][search_bar_tag]" <?php if(isset($settings['search_bar_tag']) and $settings['search_bar_tag']) echo 'checked="checked"'; ?> /> <?php _e('Tag', 'modern-events-calendar-lite'); ?>
1082	+ </label>
1083	+ </div>
1084	+ <div class="mec-form-row">
1085	+ <label>
1086	+ <input type="hidden" name="mec[settings][search_bar_label]" value="0" />
1087	+ <input value="1" type="checkbox" name="mec[settings][search_bar_label]" <?php if(isset($settings['search_bar_label']) and $settings['search_bar_label']) echo 'checked="checked"'; ?> /> <?php _e('Label', 'modern-events-calendar-lite'); ?>
1088	+ </label>
1089	+ </div>
1090	+ <div class="mec-form-row">
1091	+ <label>
1092	+ <input type="hidden" name="mec[settings][search_bar_text_field]" value="0" />
1093	+ <input value="1" type="checkbox" name="mec[settings][search_bar_text_field]" <?php if(isset($settings['search_bar_text_field']) and $settings['search_bar_text_field']) echo 'checked="checked"'; ?> /> <?php _e('Text input', 'modern-events-calendar-lite'); ?>
1094	+ </label>
1095	</div>
1096	</div>
1097

1108	<div id="mec_mchimp_status_container_toggle" class="<?php if((isset($settings['mchimp_status']) and !$settings['mchimp_status']) or !isset($settings['mchimp_status'])) echo 'mec-util-hidden'; ?>">
1109	<div class="mec-form-row">
1110	<label class="mec-col-3" for="mec_settings_mchimp_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1111	+ <div class="mec-col-9">
1112	<input type="text" id="mec_settings_mchimp_api_key" name="mec[settings][mchimp_api_key]" value="<?php echo ((isset($settings['mchimp_api_key']) and trim($settings['mchimp_api_key']) != '') ? $settings['mchimp_api_key'] : ''); ?>" />
1113	<span class="mec-tooltip">
1114	+ <div class="box left">
1115	<h5 class="title"><?php _e('API Key', 'modern-events-calendar-lite'); ?></h5>
1116	<div class="content"><p><?php esc_attr_e("Required!", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/mailchimp-integration/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1117	</div>

1121	</div>
1122	<div class="mec-form-row">
1123	<label class="mec-col-3" for="mec_settings_mchimp_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1124	+ <div class="mec-col-9">
1125	<input type="text" id="mec_settings_mchimp_list_id" name="mec[settings][mchimp_list_id]" value="<?php echo ((isset($settings['mchimp_list_id']) and trim($settings['mchimp_list_id']) != '') ? $settings['mchimp_list_id'] : ''); ?>" />
1126	<span class="mec-tooltip">
1127	+ <div class="box left">
1128	<h5 class="title"><?php _e('List ID', 'modern-events-calendar-lite'); ?></h5>
1129	<div class="content"><p><?php esc_attr_e("Required!", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/mailchimp-integration/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1130	</div>

1134	</div>
1135	<div class="mec-form-row">
1136	<label class="mec-col-3" for="mec_settings_mchimp_subscription_status"><?php _e('Subscription Status', 'modern-events-calendar-lite'); ?></label>
1137	+ <div class="mec-col-9">
1138	<select name="mec[settings][mchimp_subscription_status]" id="mec_settings_mchimp_subscription_status">
1139	<option value="subscribed" <?php if(isset($settings['mchimp_subscription_status']) and $settings['mchimp_subscription_status'] == 'subscribed') echo 'selected="selected"'; ?>><?php _e('Subscribe automatically', 'modern-events-calendar-lite'); ?></option>
1140	<option value="pending" <?php if(isset($settings['mchimp_subscription_status']) and $settings['mchimp_subscription_status'] == 'pending') echo 'selected="selected"'; ?>><?php _e('Subscribe by verification', 'modern-events-calendar-lite'); ?></option>
1141	</select>
1142	<span class="mec-tooltip">
1143	+ <div class="box left">
1144	<h5 class="title"><?php _e('Subscription Status', 'modern-events-calendar-lite'); ?></h5>
1145	<div class="content"><p><?php esc_attr_e('If you choose "Subscribe by verification" then an email will be send to the user by mailchimp for subscription verification.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/mailchimp-integration/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
1146	</div>

1168	<div id="mec_campm_status_container_toggle" class="<?php if((isset($settings['campm_status']) and !$settings['campm_status']) or !isset($settings['campm_status'])) echo 'mec-util-hidden'; ?>">
1169	<div class="mec-form-row">
1170	<label class="mec-col-3" for="mec_settings_campm_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1171	+ <div class="mec-col-9">
1172	<input type="text" id="mec_settings_campm_api_key" name="mec[settings][campm_api_key]" value="<?php echo ((isset($settings['campm_api_key']) and trim($settings['campm_api_key']) != '') ? $settings['campm_api_key'] : ''); ?>" />
1173	</div>
1174	</div>
1175	<div class="mec-form-row">
1176	<label class="mec-col-3" for="mec_settings_campm_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1177	+ <div class="mec-col-9">
1178	<input type="text" id="mec_settings_campm_list_id" name="mec[settings][campm_list_id]" value="<?php echo ((isset($settings['campm_list_id']) and trim($settings['campm_list_id']) != '') ? $settings['campm_list_id'] : ''); ?>" />
1179	</div>
1180	</div>

1192	<div id="mec_mailerlite_status_container_toggle" class="<?php if((isset($settings['mailerlite_status']) and !$settings['mailerlite_status']) or !isset($settings['mailerlite_status'])) echo 'mec-util-hidden'; ?>">
1193	<div class="mec-form-row">
1194	<label class="mec-col-3" for="mec_settings_mailerlite_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1195	+ <div class="mec-col-9">
1196	<input type="text" id="mec_settings_mailerlite_api_key" name="mec[settings][mailerlite_api_key]" value="<?php echo ((isset($settings['mailerlite_api_key']) and trim($settings['mailerlite_api_key']) != '') ? $settings['mailerlite_api_key'] : ''); ?>" />
1197	</div>
1198	</div>
1199	<div class="mec-form-row">
1200	<label class="mec-col-3" for="mec_settings_mailerlite_list_id"><?php _e('Group ID', 'modern-events-calendar-lite'); ?></label>
1201	+ <div class="mec-col-9">
1202	<input type="text" id="mec_settings_mailerlite_list_id" name="mec[settings][mailerlite_list_id]" value="<?php echo ((isset($settings['mailerlite_list_id']) and trim($settings['mailerlite_list_id']) != '') ? $settings['mailerlite_list_id'] : ''); ?>" />
1203	</div>
1204	</div>

1216	<div id="mec_constantcontact_status_container_toggle" class="<?php if((isset($settings['constantcontact_status']) and !$settings['constantcontact_status']) or !isset($settings['constantcontact_status'])) echo 'mec-util-hidden'; ?>">
1217	<div class="mec-form-row">
1218	<label class="mec-col-3" for="mec_settings_constantcontact_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1219	+ <div class="mec-col-9">
1220	<input type="text" id="mec_settings_constantcontact_api_key" name="mec[settings][constantcontact_api_key]" value="<?php echo ((isset($settings['constantcontact_api_key']) and trim($settings['constantcontact_api_key']) != '') ? $settings['constantcontact_api_key'] : ''); ?>" />
1221	</div>
1222	</div>
1223	<div class="mec-form-row">
1224	<label class="mec-col-3" for="mec_settings_constantcontact_access_token"><?php _e('Access Token', 'modern-events-calendar-lite'); ?></label>
1225	+ <div class="mec-col-9">
1226	<input type="text" id="mec_settings_constantcontact_access_token" name="mec[settings][constantcontact_access_token]" value="<?php echo ((isset($settings['constantcontact_access_token']) and trim($settings['constantcontact_access_token']) != '') ? $settings['constantcontact_access_token'] : ''); ?>" />
1227	</div>
1228	</div>

1246
1247	<div class="mec-form-row">
1248	<label class="mec-col-3" for="mec_settings_constantcontact_list_id"><?php _e('Select List', 'modern-events-calendar-lite'); ?></label>
1249	+ <div class="mec-col-9">
1250	<select name="mec[settings][constantcontact_list_id]" id="mec_settings_constantcontact_list_id">
1251	<?php
1252	if ( isset($lists) and !empty($lists)) {

1259	?>
1260	</select>
1261	<span class="mec-tooltip">
1262	+ <div class="box left">
1263	<h5 class="title"><?php _e('Select List', 'modern-events-calendar-lite'); ?></h5>
1264	<div class="content"><p><?php esc_attr_e("Please fill in the API key and Access Token field and save settings. after that, please refresh the page and select a list.", 'modern-events-calendar-lite'); ?></p></div>
1265	</div>

1281	<div id="mec_active_campaign_status_container_toggle" class="<?php if((isset($settings['active_campaign_status']) and !$settings['active_campaign_status']) or !isset($settings['active_campaign_status'])) echo 'mec-util-hidden'; ?>">
1282	<div class="mec-form-row">
1283	<label class="mec-col-3" for="mec_settings_active_campaign_api_url"><?php _e('API URL', 'modern-events-calendar-lite'); ?></label>
1284	+ <div class="mec-col-9">
1285	<input type="text" id="mec_settings_active_campaign_api_url" name="mec[settings][active_campaign_api_url]" value="<?php echo ((isset($settings['active_campaign_api_url']) and trim($settings['active_campaign_api_url']) != '') ? $settings['active_campaign_api_url'] : ''); ?>" />
1286	</div>
1287	</div>
1288	<div class="mec-form-row">
1289	<label class="mec-col-3" for="mec_settings_active_campaign_api_key"><?php _e('API Key', 'modern-events-calendar-lite'); ?></label>
1290	+ <div class="mec-col-9">
1291	<input type="text" id="mec_settings_active_campaign_api_key" name="mec[settings][active_campaign_api_key]" value="<?php echo ((isset($settings['active_campaign_api_key']) and trim($settings['active_campaign_api_key']) != '') ? $settings['active_campaign_api_key'] : ''); ?>" />
1292	</div>
1293	</div>
1294	<div class="mec-form-row">
1295	<label class="mec-col-3" for="mec_settings_active_campaign_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1296	+ <div class="mec-col-9">
1297	<input type="text" id="mec_settings_active_campaign_list_id" name="mec[settings][active_campaign_list_id]" value="<?php echo ((isset($settings['active_campaign_list_id']) and trim($settings['active_campaign_list_id']) != '') ? $settings['active_campaign_list_id'] : ''); ?>" />
1298	</div>
1299	</div>

1311	<div id="mec_aweber_status_container_toggle" class="<?php if((isset($settings['aweber_status']) and !$settings['aweber_status']) or !isset($settings['aweber_status'])) echo 'mec-util-hidden'; ?>">
1312	<div class="mec-form-row">
1313	<label class="mec-col-3" for="mec_settings_aweber_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1314	+ <div class="mec-col-9">
1315	<input type="text" id="mec_settings_aweber_list_id" name="mec[settings][aweber_list_id]" value="<?php echo ((isset($settings['aweber_list_id']) and trim($settings['aweber_list_id']) != '') ? $settings['aweber_list_id'] : ''); ?>" />
1316	+ <p class="description"><?php echo sprintf(__("%s plugin should be installed and connected to your AWeber account.", 'modern-events-calendar-lite'), '<a href="https://wordpress.org/plugins/aweber-web-form-widget/" target="_blank">AWeber for WordPress</a>'); ?></p>
1317	+ <p class="description"><?php echo sprintf(__('More information about the list ID can be found %s.', 'modern-events-calendar-lite'), '<a href="https://help.aweber.com/hc/en-us/articles/204028426" target="_blank">'.__('here', 'modern-events-calendar-lite').'</a>'); ?></p>
1318	</div>
1319	</div>


1320	</div>
1321	</div>
1322

1332	<?php if(class_exists(\MailPoet\API\API::class)): $mailpoet_api = \MailPoet\API\API::MP('v1'); $mailpoets_lists = $mailpoet_api->getLists(); ?>
1333	<div class="mec-form-row">
1334	<label class="mec-col-3" for="mec_settings_mailpoet_list_id"><?php _e('List', 'modern-events-calendar-lite'); ?></label>
1335	+ <div class="mec-col-9">
1336	<select name="mec[settings][mailpoet_list_id]" id="mec_settings_mailpoet_list_id">
1337	<option value="">-----</option>
1338	<?php foreach($mailpoets_lists as $mailpoets_list): ?>

1359	<?php if(function_exists('gb_sf4wp_get_lists')): $sendfox_lists = gb_sf4wp_get_lists(); ?>
1360	<div class="mec-form-row">
1361	<label class="mec-col-3" for="mec_settings_sendfox_list_id"><?php _e('List ID', 'modern-events-calendar-lite'); ?></label>
1362	+ <div class="mec-col-9">
1363	<select name="mec[settings][sendfox_list_id]" id="mec_settings_sendfox_list_id">
1364	<?php foreach($sendfox_lists['result']['data'] as $sendfox_list): ?>
1365	<option value="<?php echo $sendfox_list['id']; ?>" <?php echo ((isset($settings['sendfox_list_id']) and trim($settings['sendfox_list_id']) == $sendfox_list['id']) ? 'selected="selected"' : ''); ?>><?php echo $sendfox_list['name']; ?></option>

app/features/mec/single.php CHANGED Viewed

	@@ -38,10 +38,10 @@ $event_fields = $this->main->get_event_fields();
38	<h4 class="mec-form-subtitle"><?php _e('Single Event Page', 'modern-events-calendar-lite'); ?></h4>
39	<div class="mec-form-row">
40	<label class="mec-col-3" for="mec_settings_single_event_date_format1"><?php _e('Single Event Date Format', 'modern-events-calendar-lite'); ?></label>
41	- <div class="mec-col-4">
42	<input type="text" id="mec_settings_single_event_date_format1" name="mec[settings][single_date_format1]" value="<?php echo ((isset($settings['single_date_format1']) and trim($settings['single_date_format1']) != '') ? $settings['single_date_format1'] : 'M d Y'); ?>" />
43	<span class="mec-tooltip">
44	- <div class="box">
45	<h5 class="title"><?php _e('Single Event Date Format', 'modern-events-calendar-lite'); ?></h5>
46	<div class="content"><p><?php esc_attr_e("Default is M d Y", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
47	</div>
	@@ -51,13 +51,13 @@ $event_fields = $this->main->get_event_fields();
51	</div>
52	<div class="mec-form-row">
53	<label class="mec-col-3" for="mec_settings_single_event_date_method"><?php _e('Date Method', 'modern-events-calendar-lite'); ?></label>
54	- <div class="mec-col-4">
55	<select id="mec_settings_single_event_date_method" name="mec[settings][single_date_method]">
56	<option value="next" <?php echo (isset($settings['single_date_method']) and $settings['single_date_method'] == 'next') ? 'selected="selected"' : ''; ?>><?php _e('Next occurrence date', 'modern-events-calendar-lite'); ?></option>
57	<option value="referred" <?php echo (isset($settings['single_date_method']) and $settings['single_date_method'] == 'referred') ? 'selected="selected"' : ''; ?>><?php _e('Referred date', 'modern-events-calendar-lite'); ?></option>
58	</select>
59	<span class="mec-tooltip">
60	- <div class="box">
61	<h5 class="title"><?php _e('Date Method', 'modern-events-calendar-lite'); ?></h5>
62	<div class="content"><p><?php esc_attr_e('Referred date" shows the event date based on referred date in event list.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
63	</div>
	@@ -67,7 +67,7 @@ $event_fields = $this->main->get_event_fields();
67	</div>
68	<div class="mec-form-row">
69	<label class="mec-col-3" for="mec_settings_single_event_single_style"><?php _e('Single Event Style', 'modern-events-calendar-lite'); ?></label>
70	- <div class="mec-col-4">
71	<select id="mec_settings_single_event_single_style" name="mec[settings][single_single_style]">
72	<option value="default" <?php echo (isset($settings['single_single_style']) and $settings['single_single_style'] == 'default') ? 'selected="selected"' : ''; ?>><?php _e('Default Style', 'modern-events-calendar-lite'); ?></option>
73	<option value="modern" <?php echo (isset($settings['single_single_style']) and $settings['single_single_style'] == 'modern') ? 'selected="selected"' : ''; ?>><?php _e('Modern Style', 'modern-events-calendar-lite'); ?></option>
	@@ -77,7 +77,7 @@ $event_fields = $this->main->get_event_fields();
77	<?php endif; ?>
78	</select>
79	<span class="mec-tooltip">
80	- <div class="box ~~top~~">
81	<h5 class="title"><?php _e('Single Event Style', 'modern-events-calendar-lite'); ?></h5>
82	<div class="content"><p><?php esc_attr_e("Choose your single event style.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
83	</div>
	@@ -89,13 +89,13 @@ $event_fields = $this->main->get_event_fields();
89	<?php if($this->main->getPRO() and isset($this->settings['booking_status']) and $this->settings['booking_status']): ?>
90	<div class="mec-form-row">
91	<label class="mec-col-3" for="mec_settings_single_event_booking_style"><?php _e('Booking Style', 'modern-events-calendar-lite'); ?></label>
92	- <div class="mec-col-4">
93	<select id="mec_settings_single_event_booking_style" name="mec[settings][single_booking_style]">
94	<option value="default" <?php echo (isset($settings['single_booking_style']) and $settings['single_booking_style'] == 'default') ? 'selected="selected"' : ''; ?>><?php _e('Default', 'modern-events-calendar-lite'); ?></option>
95	<option value="modal" <?php echo (isset($settings['single_booking_style']) and $settings['single_booking_style'] == 'modal') ? 'selected="selected"' : ''; ?>><?php _e('Modal', 'modern-events-calendar-lite'); ?></option>
96	</select>
97	<span class="mec-tooltip">
98	- <div class="box ~~top~~">
99	<h5 class="title"><?php _e('Booking Style', 'modern-events-calendar-lite'); ?></h5>
100	<div class="content"><p><?php esc_attr_e("Choose your Booking style. Note: When you set this feature to Modal, you cannot see the booking box if you set popup module view on shortcodes", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
101	</div>
	@@ -106,80 +106,88 @@ $event_fields = $this->main->get_event_fields();
106	<?php endif;?>
107	<div class="mec-form-row">
108	<label class="mec-col-3" for="mec_settings_tz_per_event"><?php _e('Timezone Per Event', 'modern-events-calendar-lite'); ?></label>
109	- <label id="mec_settings_tz_per_event" >
110	<input type="hidden" name="mec[settings][tz_per_event]" value="0" />
111	<input value="1" type="checkbox" name="mec[settings][tz_per_event]" <?php if(isset($settings['tz_per_event']) and $settings['tz_per_event']) echo 'checked="checked"'; ?> /> <?php _e('Enable', 'modern-events-calendar-lite'); ?>
112	</label>
113	</div>
114	<div class="mec-form-row">
115	- <label class="mec-col-3" for="mec_settings_gutenberg"><?php _e('Disable Block Editor (Gutenberg)', 'modern-events-calendar-lite'); ?></label>
116	- <~~label~~ id="~~mec_settings_gutenberg~~" >
117	- <~~input~~ ~~type~~="~~hidden~~" ~~name="mec[settings][gutenberg]" value="0" />~~
118	- <input ~~value="1"~~ type="~~checkbox~~" name="mec[settings][gutenberg]" ~~<?php if(!isset($settings['gutenberg']) or (isset($settings['gutenberg']) and $settings['gutenberg'])) echo 'checked~~="~~checked~~"'; ?> /> ~~<?php _e('Disable Block Editor', 'modern-events-calendar-lite'); ?>~~
119	- ~~</label>~~
120	- ~~<span class="mec-tooltip"~~>
121	- <~~div~~ class="~~box top~~">
122	- <h5 class="~~title~~"~~><?php _e('Block Editor', 'modern-events-calendar-lite'); ?></h5~~>
123	- <~~div~~ class="~~content~~"~~><p~~><?php esc_attr_e("If you want to use the new WordPress block editor you should keep this checkbox unchecked.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('~~Read~~ ~~More~~', 'modern-events-calendar-lite'); ?></~~a></p></div~~>
124	- </div>
125	- ~~<i title="" class="dashicons-before dashicons-editor-help"></i~~>
126	- ~~</span~~>


127	</div>
128
129	<div class="mec-form-row">
130	- <label class="mec-col-3" for="mec_settings_breadcrumbs"><?php _e('Breadcrumbs', 'modern-events-calendar-lite'); ?></label>
131	- <~~label~~ id="~~mec_settings_breadcrumbs~~" >
132	- <~~input~~ ~~type~~="~~hidden~~" ~~name="mec[settings][breadcrumbs]" value="0" />~~
133	- <input type="~~checkbox~~" name="mec[settings][breadcrumbs]" ~~id="mec_settings_breadcrumbs" <?php echo ((isset($settings['breadcrumbs']) and $settings['breadcrumbs']) ? 'checked="checked"' : ''); ?>~~ value="1" ~~/><?php _e('Enable Breadcrumbs.', 'modern-events-calendar-lite'); ?>~~
134	- ~~</label>~~
135	- ~~<span class="mec-tooltip"~~>
136	- <~~div~~ class="~~box top~~">
137	- <h5 class="~~title~~"~~><?php _e('Breadcrumbs', 'modern-events-calendar-lite'); ?></h5~~>
138	- <~~div~~ class="~~content~~"~~><p~~><?php esc_attr_e("Check this option, for showing the breadcrumbs on single event page", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('~~Read More~~', 'modern-events-calendar-lite'); ?></~~a></p></div~~>
139	- </div>
140	- ~~<i title="" class="dashicons-before dashicons-editor-help"></i~~>
141	- ~~</span~~>


142	</div>
143
144	<div class="mec-form-row">
145	<label class="mec-col-3" for="mec_settings_organizer_description"><?php _e('Organizer Description', 'modern-events-calendar-lite'); ?></label>
146	- <~~label~~ id="~~mec_settings_organizer_description~~" >
147	- <~~input~~ ~~type~~="~~hidden~~" ~~name="mec[settings][organizer_description]" value="0" />~~
148	- <input type="~~checkbox~~" name="mec[settings][organizer_description]" ~~id="mec_settings_organizer_description" <?php echo ((isset($settings['organizer_description']) and $settings['organizer_description']) ? 'checked="checked"' : ''); ?>~~ value="1" ~~/><?php _e('Enable Description For Organizer.', 'modern-events-calendar-lite'); ?>~~
149	- ~~</label>~~
150	- ~~<span class="mec-tooltip"~~>
151	- <~~div~~ class="~~box top~~">
152	- <h5 class="~~title~~"~~><?php _e('Organizer Description', 'modern-events-calendar-lite'); ?></h5~~>
153	- <~~div~~ class="~~content~~"~~><p~~><?php ~~esc_attr_e~~(~~"If you want to turn on description for other organizer plase go to~~ '~~Additional~~ ~~Organizers - After enabling and saving the settings, reloading the settings page.~~' ~~tab"~~, 'modern-events-calendar-lite'); ?></~~p></div~~>
154	- </div>
155	- ~~<i title="" class="dashicons-before dashicons-editor-help"></i~~>
156	- ~~</span~~>


157	</div>
158
159	<div class="mec-form-row">
160	<label class="mec-col-3" for="mec_settings_location_description"><?php _e('Location Description', 'modern-events-calendar-lite'); ?></label>
161	- <~~label~~ id="~~mec_settings_location_description~~" >
162	- <~~input~~ ~~type~~="~~hidden~~" ~~name="mec[settings][location_description]" value="0" />~~
163	- <input type="~~checkbox~~" name="mec[settings][location_description]" ~~id="mec_settings_location_description" <?php echo ((isset($settings['location_description']) and $settings['location_description']) ? 'checked="checked"' : ''); ?>~~ value="1" ~~/><?php _e('Enable Description For Location.', 'modern-events-calendar-lite'); ?>~~
164	- ~~</label>~~
165	- ~~<span class="mec-tooltip"~~>
166	- <~~div~~ class="~~box top~~">
167	- <h5 class="~~title~~"~~><?php _e('Location Description', 'modern-events-calendar-lite'); ?></h5~~>
168	- <~~div~~ class="~~content~~"~~><p~~><?php ~~esc_attr_e~~(~~"If you want to turn on description for other location plase go to~~ '~~Additional~~ ~~Locations - After enabling and saving the settings, reloading the settings page.~~' ~~tab"~~, 'modern-events-calendar-lite'); ?></~~p></div~~>
169	- </div>
170	- ~~<i title="" class="dashicons-before dashicons-editor-help"></i~~>
171	- ~~</span~~>


172	</div>
173
174	<div class="mec-form-row">
175	<label class="mec-col-3" for="mec_settings_single_cost_type"><?php _e('Event Cost Type', 'modern-events-calendar-lite'); ?></label>
176	- <div class="mec-col-4">
177	<select id="mec_settings_single_cost_type" name="mec[settings][single_cost_type]">
178	<option value="numeric" <?php echo (isset($settings['single_cost_type']) and $settings['single_cost_type'] == 'numeric') ? 'selected="selected"' : ''; ?>><?php _e('Numeric (Searchable)', 'modern-events-calendar-lite'); ?></option>
179	<option value="alphabetic" <?php echo (isset($settings['single_cost_type']) and $settings['single_cost_type'] == 'alphabetic') ? 'selected="selected"' : ''; ?>><?php _e('Alphabetic (Not Searchable)', 'modern-events-calendar-lite'); ?></option>
180	</select>
181	<span class="mec-tooltip">
182	- <div class="box ~~top~~">
183	<h5 class="title"><?php _e('Event Cost Type', 'modern-events-calendar-lite'); ?></h5>
184	<div class="content"><p><?php esc_attr_e("Choose Numeric type if you want to include the event cost field into the search form. If you do not need the search ability then you can choose Alphabetic type.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
185	</div>
	@@ -192,7 +200,6 @@ $event_fields = $this->main->get_event_fields();
192
193	<div id="event_form_option" class="mec-options-fields">
194	<h4 class="mec-form-subtitle"><?php _e('Custom Fields', 'modern-events-calendar-lite'); ?></h4>
195	-
196	<div class="mec-container">
197	<div class="mec-form-row">
198	<label>
	@@ -201,9 +208,7 @@ $event_fields = $this->main->get_event_fields();
201	</label>
202	</div>
203	</div>
204	-
205	<div class="<?php if(isset($settings['display_event_fields_backend']) and !$settings['display_event_fields_backend'] ) echo 'mec-util-hidden'; ?>" id="mec_event_fields_container">
206	-
207	<div class="mec-container">
208	<div class="mec-form-row" id="mec_event_form_container">
209	<?php / Don't remove this hidden field / ?>
	@@ -300,7 +305,7 @@ $event_fields = $this->main->get_event_fields();
300	<div id="mec_count_down_container_toggle" class="<?php if((isset($settings['countdown_status']) and !$settings['countdown_status']) or !isset($settings['countdown_status'])) echo 'mec-util-hidden'; ?>">
301	<div class="mec-form-row">
302	<label class="mec-col-3" for="mec_settings_countdown_list"><?php _e('Countdown Style', 'modern-events-calendar-lite'); ?></label>
303	- <div class="mec-col-4">
304	<select id="mec_settings_countdown_list" name="mec[settings][countdown_list]">
305	<option value="default" <?php echo ((isset($settings['countdown_list']) and $settings['countdown_list'] == "default") ? 'selected="selected"' : ''); ?> ><?php _e('Plain Style', 'modern-events-calendar-lite'); ?></option>
306	<option value="flip" <?php echo ((isset($settings['countdown_list']) and $settings['countdown_list'] == "flip") ? 'selected="selected"' : ''); ?> ><?php _e('Flip Style', 'modern-events-calendar-lite'); ?></option>
	@@ -317,7 +322,7 @@ $event_fields = $this->main->get_event_fields();
317	<input type="hidden" name="mec[settings][exceptional_days]" value="0" />
318	<input value="1" type="checkbox" name="mec[settings][exceptional_days]" <?php if(isset($settings['exceptional_days']) and $settings['exceptional_days']) echo 'checked="checked"'; ?> /> <?php _e('Show exceptional days option on Add/Edit events page', 'modern-events-calendar-lite'); ?>
319	<span class="mec-tooltip">
320	- <div class="box">
321	<h5 class="title"><?php _e('Exceptional days (Exclude Dates)', 'modern-events-calendar-lite'); ?></h5>
322	<div class="content"><p><?php esc_attr_e("Using this option you can exclude certain days from event occurrence dates.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/exceptional-days/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
323	</div>
	@@ -374,30 +379,30 @@ $event_fields = $this->main->get_event_fields();
374	<div id="mec_related_events_container_toggle" class="<?php if((isset($settings['related_events']) and !$settings['related_events']) or !isset($settings['related_events'])) echo 'mec-util-hidden'; ?>">
375
376	<div class="mec-form-row" style="margin-top:20px;">
377	- <label style="margin-right:~~20px~~;" for="mec_settings_countdown_list"><?php _e('Select Taxonomies:', 'modern-events-calendar-lite'); ?></label>
378	- <label style="margin-right:~~20px~~;margin-bottom: 20px">
379	<input type="hidden" name="mec[settings][related_events_basedon_category]" value="0" />
380	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_category]" <?php if(isset($settings['related_events_basedon_category']) and $settings['related_events_basedon_category']) echo 'checked="checked"'; ?> /> <?php _e('Category', 'modern-events-calendar-lite'); ?>
381	</label>
382	- <label style="margin-right:~~20px~~;">
383	<input type="hidden" name="mec[settings][related_events_basedon_organizer]" value="0" />
384	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_organizer]" <?php if(isset($settings['related_events_basedon_organizer']) and $settings['related_events_basedon_organizer']) echo 'checked="checked"'; ?> /> <?php _e('Organizer', 'modern-events-calendar-lite'); ?>
385	</label>
386	- <label style="margin-right:~~20px~~;">
387	<input type="hidden" name="mec[settings][related_events_basedon_location]" value="0" />
388	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_location]" <?php if(isset($settings['related_events_basedon_location']) and $settings['related_events_basedon_location']) echo 'checked="checked"'; ?> /> <?php _e('Location', 'modern-events-calendar-lite'); ?>
389	</label>
390	<?php if(isset($settings['speakers_status']) and $settings['speakers_status']) : ?>
391	- <label style="margin-right:~~20px~~;">
392	<input type="hidden" name="mec[settings][related_events_basedon_speaker]" value="0" />
393	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_speaker]" <?php if(isset($settings['related_events_basedon_speaker']) and $settings['related_events_basedon_speaker']) echo 'checked="checked"'; ?> /> <?php _e('Speaker', 'modern-events-calendar-lite'); ?>
394	</label>
395	<?php endif; ?>
396	- <label style="margin-right:~~20px~~;">
397	<input type="hidden" name="mec[settings][related_events_basedon_label]" value="0" />
398	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_label]" <?php if(isset($settings['related_events_basedon_label']) and $settings['related_events_basedon_label']) echo 'checked="checked"'; ?> /> <?php _e('Label', 'modern-events-calendar-lite'); ?>
399	</label>
400	- <label style="margin-right:~~20px~~;">
401	<input type="hidden" name="mec[settings][related_events_basedon_tag]" value="0" />
402	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_tag]" <?php if(isset($settings['related_events_basedon_tag']) and $settings['related_events_basedon_tag']) echo 'checked="checked"'; ?> /> <?php _e('Tag', 'modern-events-calendar-lite'); ?>
403	</label>
	@@ -416,30 +421,30 @@ $event_fields = $this->main->get_event_fields();
416	<div id="mec_next_previous_events_container_toggle" class="<?php if((isset($settings['next_previous_events']) and !$settings['next_previous_events']) or !isset($settings['next_previous_events'])) echo 'mec-util-hidden'; ?>">
417
418	<div class="mec-form-row" style="margin-top:20px;">
419	- <label style="margin-right:~~20px~~;" for="mec_settings_countdown_list"><?php _e('Select Taxonomies:', 'modern-events-calendar-lite'); ?></label>
420	- <label style="margin-right:~~20px~~; margin-bottom: 20px;">
421	<input type="hidden" name="mec[settings][next_previous_events_category]" value="0" />
422	<input value="1" type="checkbox" name="mec[settings][next_previous_events_category]" <?php if(isset($settings['next_previous_events_category']) and $settings['next_previous_events_category']) echo 'checked="checked"'; ?> /> <?php _e('Category', 'modern-events-calendar-lite'); ?>
423	</label>
424	- <label style="margin-right:~~20px~~;">
425	<input type="hidden" name="mec[settings][next_previous_events_organizer]" value="0" />
426	<input value="1" type="checkbox" name="mec[settings][next_previous_events_organizer]" <?php if(isset($settings['next_previous_events_organizer']) and $settings['next_previous_events_organizer']) echo 'checked="checked"'; ?> /> <?php _e('Organizer', 'modern-events-calendar-lite'); ?>
427	</label>
428	- <label style="margin-right:~~20px~~;">
429	<input type="hidden" name="mec[settings][next_previous_events_location]" value="0" />
430	<input value="1" type="checkbox" name="mec[settings][next_previous_events_location]" <?php if(isset($settings['next_previous_events_location']) and $settings['next_previous_events_location']) echo 'checked="checked"'; ?> /> <?php _e('Location', 'modern-events-calendar-lite'); ?>
431	</label>
432	<?php if(isset($settings['speakers_status']) and $settings['speakers_status']) : ?>
433	- <label style="margin-right:~~20px~~;">
434	<input type="hidden" name="mec[settings][next_previous_events_speaker]" value="0" />
435	<input value="1" type="checkbox" name="mec[settings][next_previous_events_speaker]" <?php if(isset($settings['next_previous_events_speaker']) and $settings['next_previous_events_speaker']) echo 'checked="checked"'; ?> /> <?php _e('Speaker', 'modern-events-calendar-lite'); ?>
436	</label>
437	<?php endif; ?>
438	- <label style="margin-right:~~20px~~;">
439	<input type="hidden" name="mec[settings][next_previous_events_label]" value="0" />
440	<input value="1" type="checkbox" name="mec[settings][next_previous_events_label]" <?php if(isset($settings['next_previous_events_label']) and $settings['next_previous_events_label']) echo 'checked="checked"'; ?> /> <?php _e('Label', 'modern-events-calendar-lite'); ?>
441	</label>
442	- <label style="margin-right:~~20px~~;">
443	<input type="hidden" name="mec[settings][next_previous_events_tag]" value="0" />
444	<input value="1" type="checkbox" name="mec[settings][next_previous_events_tag]" <?php if(isset($settings['next_previous_events_tag']) and $settings['next_previous_events_tag']) echo 'checked="checked"'; ?> /> <?php _e('Tag', 'modern-events-calendar-lite'); ?>
445	</label>


38	<h4 class="mec-form-subtitle"><?php _e('Single Event Page', 'modern-events-calendar-lite'); ?></h4>
39	<div class="mec-form-row">
40	<label class="mec-col-3" for="mec_settings_single_event_date_format1"><?php _e('Single Event Date Format', 'modern-events-calendar-lite'); ?></label>
41	+ <div class="mec-col-9">
42	<input type="text" id="mec_settings_single_event_date_format1" name="mec[settings][single_date_format1]" value="<?php echo ((isset($settings['single_date_format1']) and trim($settings['single_date_format1']) != '') ? $settings['single_date_format1'] : 'M d Y'); ?>" />
43	<span class="mec-tooltip">
44	+ <div class="box left">
45	<h5 class="title"><?php _e('Single Event Date Format', 'modern-events-calendar-lite'); ?></h5>
46	<div class="content"><p><?php esc_attr_e("Default is M d Y", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
47	</div>

51	</div>
52	<div class="mec-form-row">
53	<label class="mec-col-3" for="mec_settings_single_event_date_method"><?php _e('Date Method', 'modern-events-calendar-lite'); ?></label>
54	+ <div class="mec-col-9">
55	<select id="mec_settings_single_event_date_method" name="mec[settings][single_date_method]">
56	<option value="next" <?php echo (isset($settings['single_date_method']) and $settings['single_date_method'] == 'next') ? 'selected="selected"' : ''; ?>><?php _e('Next occurrence date', 'modern-events-calendar-lite'); ?></option>
57	<option value="referred" <?php echo (isset($settings['single_date_method']) and $settings['single_date_method'] == 'referred') ? 'selected="selected"' : ''; ?>><?php _e('Referred date', 'modern-events-calendar-lite'); ?></option>
58	</select>
59	<span class="mec-tooltip">
60	+ <div class="box left">
61	<h5 class="title"><?php _e('Date Method', 'modern-events-calendar-lite'); ?></h5>
62	<div class="content"><p><?php esc_attr_e('Referred date" shows the event date based on referred date in event list.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
63	</div>

67	</div>
68	<div class="mec-form-row">
69	<label class="mec-col-3" for="mec_settings_single_event_single_style"><?php _e('Single Event Style', 'modern-events-calendar-lite'); ?></label>
70	+ <div class="mec-col-9">
71	<select id="mec_settings_single_event_single_style" name="mec[settings][single_single_style]">
72	<option value="default" <?php echo (isset($settings['single_single_style']) and $settings['single_single_style'] == 'default') ? 'selected="selected"' : ''; ?>><?php _e('Default Style', 'modern-events-calendar-lite'); ?></option>
73	<option value="modern" <?php echo (isset($settings['single_single_style']) and $settings['single_single_style'] == 'modern') ? 'selected="selected"' : ''; ?>><?php _e('Modern Style', 'modern-events-calendar-lite'); ?></option>

77	<?php endif; ?>
78	</select>
79	<span class="mec-tooltip">
80	+ <div class="box left">
81	<h5 class="title"><?php _e('Single Event Style', 'modern-events-calendar-lite'); ?></h5>
82	<div class="content"><p><?php esc_attr_e("Choose your single event style.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
83	</div>

89	<?php if($this->main->getPRO() and isset($this->settings['booking_status']) and $this->settings['booking_status']): ?>
90	<div class="mec-form-row">
91	<label class="mec-col-3" for="mec_settings_single_event_booking_style"><?php _e('Booking Style', 'modern-events-calendar-lite'); ?></label>
92	+ <div class="mec-col-9">
93	<select id="mec_settings_single_event_booking_style" name="mec[settings][single_booking_style]">
94	<option value="default" <?php echo (isset($settings['single_booking_style']) and $settings['single_booking_style'] == 'default') ? 'selected="selected"' : ''; ?>><?php _e('Default', 'modern-events-calendar-lite'); ?></option>
95	<option value="modal" <?php echo (isset($settings['single_booking_style']) and $settings['single_booking_style'] == 'modal') ? 'selected="selected"' : ''; ?>><?php _e('Modal', 'modern-events-calendar-lite'); ?></option>
96	</select>
97	<span class="mec-tooltip">
98	+ <div class="box left">
99	<h5 class="title"><?php _e('Booking Style', 'modern-events-calendar-lite'); ?></h5>
100	<div class="content"><p><?php esc_attr_e("Choose your Booking style. Note: When you set this feature to Modal, you cannot see the booking box if you set popup module view on shortcodes", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
101	</div>

106	<?php endif;?>
107	<div class="mec-form-row">
108	<label class="mec-col-3" for="mec_settings_tz_per_event"><?php _e('Timezone Per Event', 'modern-events-calendar-lite'); ?></label>
109	+ <label class="mec-col-9" id="mec_settings_tz_per_event" >
110	<input type="hidden" name="mec[settings][tz_per_event]" value="0" />
111	<input value="1" type="checkbox" name="mec[settings][tz_per_event]" <?php if(isset($settings['tz_per_event']) and $settings['tz_per_event']) echo 'checked="checked"'; ?> /> <?php _e('Enable', 'modern-events-calendar-lite'); ?>
112	</label>
113	</div>
114	<div class="mec-form-row">
115	+ <label class="mec-col-3" for="mec_settings_gutenberg"><?php _e('Disable Block Editor (Gutenberg)', 'modern-events-calendar-lite'); ?></label>
116	+ <div class="mec-col-9">
117	+ <label id="mec_settings_gutenberg" >
118	+ <input type="hidden" name="mec[settings][gutenberg]" value="0" />
119	+ <input value="1" type="checkbox" name="mec[settings][gutenberg]" <?php if(!isset($settings['gutenberg']) or (isset($settings['gutenberg']) and $settings['gutenberg'])) echo 'checked="checked"'; ?> /> <?php _e('Disable Block Editor', 'modern-events-calendar-lite'); ?>
120	+ </label>
121	+ <span class="mec-tooltip">
122	+ <div class="box left">
123	+ <h5 class="title"><?php _e('Block Editor', 'modern-events-calendar-lite'); ?></h5>
124	+ <div class="content"><p><?php esc_attr_e("If you want to use the new WordPress block editor you should keep this checkbox unchecked.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
125	+ </div>
126	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
127	+ </span>
128	+ </div>
129	</div>
130
131	<div class="mec-form-row">
132	+ <label class="mec-col-3" for="mec_settings_breadcrumbs"><?php _e('Breadcrumbs', 'modern-events-calendar-lite'); ?></label>
133	+ <div class="mec-col-9">
134	+ <label id="mec_settings_breadcrumbs" >
135	+ <input type="hidden" name="mec[settings][breadcrumbs]" value="0" />
136	+ <input type="checkbox" name="mec[settings][breadcrumbs]" id="mec_settings_breadcrumbs" <?php echo ((isset($settings['breadcrumbs']) and $settings['breadcrumbs']) ? 'checked="checked"' : ''); ?> value="1" /><?php _e('Enable Breadcrumbs.', 'modern-events-calendar-lite'); ?>
137	+ </label>
138	+ <span class="mec-tooltip">
139	+ <div class="box left">
140	+ <h5 class="title"><?php _e('Breadcrumbs', 'modern-events-calendar-lite'); ?></h5>
141	+ <div class="content"><p><?php esc_attr_e("Check this option, for showing the breadcrumbs on single event page", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
142	+ </div>
143	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
144	+ </span>
145	+ </div>
146	</div>
147
148	<div class="mec-form-row">
149	<label class="mec-col-3" for="mec_settings_organizer_description"><?php _e('Organizer Description', 'modern-events-calendar-lite'); ?></label>
150	+ <div class="mec-col-9">
151	+ <label id="mec_settings_organizer_description" >
152	+ <input type="hidden" name="mec[settings][organizer_description]" value="0" />
153	+ <input type="checkbox" name="mec[settings][organizer_description]" id="mec_settings_organizer_description" <?php echo ((isset($settings['organizer_description']) and $settings['organizer_description']) ? 'checked="checked"' : ''); ?> value="1" /><?php _e('Enable Description For Organizer.', 'modern-events-calendar-lite'); ?>
154	+ </label>
155	+ <span class="mec-tooltip">
156	+ <div class="box left">
157	+ <h5 class="title"><?php _e('Organizer Description', 'modern-events-calendar-lite'); ?></h5>
158	+ <div class="content"><p><?php esc_attr_e("If you want to turn on description for other organizer plase go to 'Additional Organizers - After enabling and saving the settings, reloading the settings page.' tab", 'modern-events-calendar-lite'); ?></p></div>
159	+ </div>
160	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
161	+ </span>
162	+ </div>
163	</div>
164
165	<div class="mec-form-row">
166	<label class="mec-col-3" for="mec_settings_location_description"><?php _e('Location Description', 'modern-events-calendar-lite'); ?></label>
167	+ <div class="mec-col-9">
168	+ <label id="mec_settings_location_description" >
169	+ <input type="hidden" name="mec[settings][location_description]" value="0" />
170	+ <input type="checkbox" name="mec[settings][location_description]" id="mec_settings_location_description" <?php echo ((isset($settings['location_description']) and $settings['location_description']) ? 'checked="checked"' : ''); ?> value="1" /><?php _e('Enable Description For Location.', 'modern-events-calendar-lite'); ?>
171	+ </label>
172	+ <span class="mec-tooltip">
173	+ <div class="box left">
174	+ <h5 class="title"><?php _e('Location Description', 'modern-events-calendar-lite'); ?></h5>
175	+ <div class="content"><p><?php esc_attr_e("If you want to turn on description for other location plase go to 'Additional Locations - After enabling and saving the settings, reloading the settings page.' tab", 'modern-events-calendar-lite'); ?></p></div>
176	+ </div>
177	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
178	+ </span>
179	+ </div>
180	</div>
181
182	<div class="mec-form-row">
183	<label class="mec-col-3" for="mec_settings_single_cost_type"><?php _e('Event Cost Type', 'modern-events-calendar-lite'); ?></label>
184	+ <div class="mec-col-9">
185	<select id="mec_settings_single_cost_type" name="mec[settings][single_cost_type]">
186	<option value="numeric" <?php echo (isset($settings['single_cost_type']) and $settings['single_cost_type'] == 'numeric') ? 'selected="selected"' : ''; ?>><?php _e('Numeric (Searchable)', 'modern-events-calendar-lite'); ?></option>
187	<option value="alphabetic" <?php echo (isset($settings['single_cost_type']) and $settings['single_cost_type'] == 'alphabetic') ? 'selected="selected"' : ''; ?>><?php _e('Alphabetic (Not Searchable)', 'modern-events-calendar-lite'); ?></option>
188	</select>
189	<span class="mec-tooltip">
190	+ <div class="box left">
191	<h5 class="title"><?php _e('Event Cost Type', 'modern-events-calendar-lite'); ?></h5>
192	<div class="content"><p><?php esc_attr_e("Choose Numeric type if you want to include the event cost field into the search form. If you do not need the search ability then you can choose Alphabetic type.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/event-detailssingle-event-page/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
193	</div>

200
201	<div id="event_form_option" class="mec-options-fields">
202	<h4 class="mec-form-subtitle"><?php _e('Custom Fields', 'modern-events-calendar-lite'); ?></h4>

203	<div class="mec-container">
204	<div class="mec-form-row">
205	<label>

208	</label>
209	</div>
210	</div>

211	<div class="<?php if(isset($settings['display_event_fields_backend']) and !$settings['display_event_fields_backend'] ) echo 'mec-util-hidden'; ?>" id="mec_event_fields_container">

212	<div class="mec-container">
213	<div class="mec-form-row" id="mec_event_form_container">
214	<?php / Don't remove this hidden field / ?>

305	<div id="mec_count_down_container_toggle" class="<?php if((isset($settings['countdown_status']) and !$settings['countdown_status']) or !isset($settings['countdown_status'])) echo 'mec-util-hidden'; ?>">
306	<div class="mec-form-row">
307	<label class="mec-col-3" for="mec_settings_countdown_list"><?php _e('Countdown Style', 'modern-events-calendar-lite'); ?></label>
308	+ <div class="mec-col-9">
309	<select id="mec_settings_countdown_list" name="mec[settings][countdown_list]">
310	<option value="default" <?php echo ((isset($settings['countdown_list']) and $settings['countdown_list'] == "default") ? 'selected="selected"' : ''); ?> ><?php _e('Plain Style', 'modern-events-calendar-lite'); ?></option>
311	<option value="flip" <?php echo ((isset($settings['countdown_list']) and $settings['countdown_list'] == "flip") ? 'selected="selected"' : ''); ?> ><?php _e('Flip Style', 'modern-events-calendar-lite'); ?></option>

322	<input type="hidden" name="mec[settings][exceptional_days]" value="0" />
323	<input value="1" type="checkbox" name="mec[settings][exceptional_days]" <?php if(isset($settings['exceptional_days']) and $settings['exceptional_days']) echo 'checked="checked"'; ?> /> <?php _e('Show exceptional days option on Add/Edit events page', 'modern-events-calendar-lite'); ?>
324	<span class="mec-tooltip">
325	+ <div class="box left">
326	<h5 class="title"><?php _e('Exceptional days (Exclude Dates)', 'modern-events-calendar-lite'); ?></h5>
327	<div class="content"><p><?php esc_attr_e("Using this option you can exclude certain days from event occurrence dates.", 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/exceptional-days/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
328	</div>

379	<div id="mec_related_events_container_toggle" class="<?php if((isset($settings['related_events']) and !$settings['related_events']) or !isset($settings['related_events'])) echo 'mec-util-hidden'; ?>">
380
381	<div class="mec-form-row" style="margin-top:20px;">
382	+ <label style="margin-right:7px;" for="mec_settings_countdown_list"><?php _e('Select Taxonomies:', 'modern-events-calendar-lite'); ?></label>
383	+ <label style="margin-right:7px;margin-bottom: 20px">
384	<input type="hidden" name="mec[settings][related_events_basedon_category]" value="0" />
385	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_category]" <?php if(isset($settings['related_events_basedon_category']) and $settings['related_events_basedon_category']) echo 'checked="checked"'; ?> /> <?php _e('Category', 'modern-events-calendar-lite'); ?>
386	</label>
387	+ <label style="margin-right:7px;">
388	<input type="hidden" name="mec[settings][related_events_basedon_organizer]" value="0" />
389	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_organizer]" <?php if(isset($settings['related_events_basedon_organizer']) and $settings['related_events_basedon_organizer']) echo 'checked="checked"'; ?> /> <?php _e('Organizer', 'modern-events-calendar-lite'); ?>
390	</label>
391	+ <label style="margin-right:7px;">
392	<input type="hidden" name="mec[settings][related_events_basedon_location]" value="0" />
393	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_location]" <?php if(isset($settings['related_events_basedon_location']) and $settings['related_events_basedon_location']) echo 'checked="checked"'; ?> /> <?php _e('Location', 'modern-events-calendar-lite'); ?>
394	</label>
395	<?php if(isset($settings['speakers_status']) and $settings['speakers_status']) : ?>
396	+ <label style="margin-right:7px;">
397	<input type="hidden" name="mec[settings][related_events_basedon_speaker]" value="0" />
398	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_speaker]" <?php if(isset($settings['related_events_basedon_speaker']) and $settings['related_events_basedon_speaker']) echo 'checked="checked"'; ?> /> <?php _e('Speaker', 'modern-events-calendar-lite'); ?>
399	</label>
400	<?php endif; ?>
401	+ <label style="margin-right:7px;">
402	<input type="hidden" name="mec[settings][related_events_basedon_label]" value="0" />
403	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_label]" <?php if(isset($settings['related_events_basedon_label']) and $settings['related_events_basedon_label']) echo 'checked="checked"'; ?> /> <?php _e('Label', 'modern-events-calendar-lite'); ?>
404	</label>
405	+ <label style="margin-right:7px;">
406	<input type="hidden" name="mec[settings][related_events_basedon_tag]" value="0" />
407	<input value="1" type="checkbox" name="mec[settings][related_events_basedon_tag]" <?php if(isset($settings['related_events_basedon_tag']) and $settings['related_events_basedon_tag']) echo 'checked="checked"'; ?> /> <?php _e('Tag', 'modern-events-calendar-lite'); ?>
408	</label>

421	<div id="mec_next_previous_events_container_toggle" class="<?php if((isset($settings['next_previous_events']) and !$settings['next_previous_events']) or !isset($settings['next_previous_events'])) echo 'mec-util-hidden'; ?>">
422
423	<div class="mec-form-row" style="margin-top:20px;">
424	+ <label style="margin-right:7px;" for="mec_settings_countdown_list"><?php _e('Select Taxonomies:', 'modern-events-calendar-lite'); ?></label>
425	+ <label style="margin-right:7px; margin-bottom: 20px;">
426	<input type="hidden" name="mec[settings][next_previous_events_category]" value="0" />
427	<input value="1" type="checkbox" name="mec[settings][next_previous_events_category]" <?php if(isset($settings['next_previous_events_category']) and $settings['next_previous_events_category']) echo 'checked="checked"'; ?> /> <?php _e('Category', 'modern-events-calendar-lite'); ?>
428	</label>
429	+ <label style="margin-right:7px;">
430	<input type="hidden" name="mec[settings][next_previous_events_organizer]" value="0" />
431	<input value="1" type="checkbox" name="mec[settings][next_previous_events_organizer]" <?php if(isset($settings['next_previous_events_organizer']) and $settings['next_previous_events_organizer']) echo 'checked="checked"'; ?> /> <?php _e('Organizer', 'modern-events-calendar-lite'); ?>
432	</label>
433	+ <label style="margin-right:7px;">
434	<input type="hidden" name="mec[settings][next_previous_events_location]" value="0" />
435	<input value="1" type="checkbox" name="mec[settings][next_previous_events_location]" <?php if(isset($settings['next_previous_events_location']) and $settings['next_previous_events_location']) echo 'checked="checked"'; ?> /> <?php _e('Location', 'modern-events-calendar-lite'); ?>
436	</label>
437	<?php if(isset($settings['speakers_status']) and $settings['speakers_status']) : ?>
438	+ <label style="margin-right:7px;">
439	<input type="hidden" name="mec[settings][next_previous_events_speaker]" value="0" />
440	<input value="1" type="checkbox" name="mec[settings][next_previous_events_speaker]" <?php if(isset($settings['next_previous_events_speaker']) and $settings['next_previous_events_speaker']) echo 'checked="checked"'; ?> /> <?php _e('Speaker', 'modern-events-calendar-lite'); ?>
441	</label>
442	<?php endif; ?>
443	+ <label style="margin-right:7px;">
444	<input type="hidden" name="mec[settings][next_previous_events_label]" value="0" />
445	<input value="1" type="checkbox" name="mec[settings][next_previous_events_label]" <?php if(isset($settings['next_previous_events_label']) and $settings['next_previous_events_label']) echo 'checked="checked"'; ?> /> <?php _e('Label', 'modern-events-calendar-lite'); ?>
446	</label>
447	+ <label style="margin-right:7px;">
448	<input type="hidden" name="mec[settings][next_previous_events_tag]" value="0" />
449	<input value="1" type="checkbox" name="mec[settings][next_previous_events_tag]" <?php if(isset($settings['next_previous_events_tag']) and $settings['next_previous_events_tag']) echo 'checked="checked"'; ?> /> <?php _e('Tag', 'modern-events-calendar-lite'); ?>
450	</label>

app/features/mec/styles.php CHANGED Viewed

	@@ -21,14 +21,16 @@ $styles = $this->main->get_styles();
21
22	<div id="wns-be-content">
23	<div class="wns-be-group-tab">
24	- <h2><?php _e('Custom Styles', 'modern-events-calendar-lite'); ?></h2>
25	<div class="mec-container">
26	<form id="mec_styles_form">
27	- <div class="mec-~~form~~-~~row~~">
28	- <~~textarea id="mec_styles_CSS" name="mec[styles][CSS]"~~><?php ~~echo~~ (~~isset($styles[~~'~~CSS'])~~ ~~? stripslashes($styles[~~'~~CSS'])~~ : ''); ?></~~textarea~~>
29	- <p class="description"><?php _e("If you're a developer or you have knowledge of CSS codes, you can place your style codes here. These codes will be included in your theme frontend after all styles so they will override MEC default (or theme) styles.", 'modern-~~events~~-~~calendar-lite'); ?></p~~>
30	- <?php ~~wp_nonce_field~~('~~mec_options_form~~'); ?>
31	- <~~button~~ ~~style="display: none;" id="mec_styles_form_button"~~ class="~~button button-primary~~ mec-~~button~~-~~primary"~~ ~~type=~~"~~submit"~~><?php _e('~~Save~~ ~~Changes'~~, 'modern-events-calendar-lite'); ?></~~button~~>



32	</div>
33	</form>
34	</div>


21
22	<div id="wns-be-content">
23	<div class="wns-be-group-tab">

24	<div class="mec-container">
25	<form id="mec_styles_form">
26	+ <div class="mec-options-fields">
27	+ <h2><?php _e('Custom Styles', 'modern-events-calendar-lite'); ?></h2>
28	+ <div class="mec-form-row">
29	+ <textarea id="mec_styles_CSS" name="mec[styles][CSS]"><?php echo (isset($styles['CSS']) ? stripslashes($styles['CSS']) : ''); ?></textarea>
30	+ <p class="mec-col-12 description"><?php _e("If you're a developer or you have knowledge of CSS codes, you can place your style codes here. These codes will be included in your theme frontend after all styles so they will override MEC default (or theme) styles.", 'modern-events-calendar-lite'); ?></p>
31	+ <?php wp_nonce_field('mec_options_form'); ?>
32	+ <button style="display: none;" id="mec_styles_form_button" class="button button-primary mec-button-primary" type="submit"><?php _e('Save Changes', 'modern-events-calendar-lite'); ?></button>
33	+ </div>
34	</div>
35	</form>
36	</div>

app/features/mec/styling.php CHANGED Viewed

@@ -47,226 +47,243 @@ if(is_array($fonts))
                     <div id="wns-be-content">
                         <div class="wns-be-group-tab">
-            -
                            <h2><?php _e('Styling Options', 'modern-events-calendar-lite'); ?></h2>
                             <div class="mec-container">
                                 <form id="mec_styling_form">
-            -
                                <!-- Colorskin -->
-            -
                                    <h4 class="mec-form-subtitle"><?php esc_html_e('Color Skin', 'modern-events-calendar-lite' ); ?></h4>
-            -
                                    <div class="mec-form-row">
-            -
                                        <div class="mec-col-3">
-            -
                                            <span><?php esc_html_e('Predefined Color Skin', 'modern-events-calendar-lite' ); ?></span>
-            -
                                        </div>
-            -
                                        <div class="mec-col-6">
-            -
                                            <ul class="mec-image-select-wrap">
-            -
                                                <?php
-            -
                                                $colorskins = array(
-            -
                                                    '#40d9f1'=>'mec-colorskin-1',
-            -
                                                    '#0093d0'=>'mec-colorskin-2',
-            -
                                                    '#e53f51'=>'mec-colorskin-3',
-            -
                                                    '#f1c40f'=>'mec-colorskin-4',
-            -
                                                    '#e64883'=>'mec-colorskin-5',
-            -
                                                    '#45ab48'=>'mec-colorskin-6',
-            -
                                                    '#9661ab'=>'mec-colorskin-7',
-            -
                                                    '#0aad80'=>'mec-colorskin-8',
-            -
                                                    '#0ab1f0'=>'mec-colorskin-9',
-            -
                                                    '#ff5a00'=>'mec-colorskin-10',
-            -
                                                    '#c3512f'=>'mec-colorskin-11',
-            -
                                                    '#55606e'=>'mec-colorskin-12',
-            -
                                                    '#fe8178'=>'mec-colorskin-13',
-            -
                                                    '#7c6853'=>'mec-colorskin-14',
-            -
                                                    '#bed431'=>'mec-colorskin-15',
-            -
                                                    '#2d5c88'=>'mec-colorskin-16',
-            -
                                                    '#77da55'=>'mec-colorskin-17',
-            -
                                                    '#2997ab'=>'mec-colorskin-18',
-            -
                                                    '#734854'=>'mec-colorskin-19',
-            -
                                                    '#a81010'=>'mec-colorskin-20',
-            -
                                                    '#4ccfad'=>'mec-colorskin-21',
-            -
                                                    '#3a609f'=>'mec-colorskin-22'
-            -
                                                    );
-            -
-            -
                                                    foreach($colorskins as $colorskin=>$values): ?>
-            -
                                                    <li class="mec-image-select">
-            -
                                                        <label for="<?php echo $values; ?>">
-            -
                                                            <input type="radio" id="<?php echo $values; ?>" name="mec[styling][mec_colorskin]" value="<?php echo $colorskin; ?>" <?php if(isset($styling['mec_colorskin']) && ($styling['mec_colorskin'] == $colorskin)) echo 'checked="checked"'; ?>>
-            -
                                                            <span class="<?php echo $values; ?>"></span>
-            -
                                                        </label>
-            -
                                                    </li>
-            -
                                                <?php endforeach; ?>
-            -
                                            </ul>
-            -
                                        </div>
-            -
                                    </div>
-            -
                                    <div class="mec-form-row">
-            -
                                        <div class="mec-col-3">
-            -
                                            <span><?php esc_html_e('Custom Color Skin', 'modern-events-calendar-lite' ); ?></span>
-            -
                                        </div>
-            -
                                        <div class="mec-col-6">
-            -
                                            <input type="text" class="wp-color-picker-field" id="mec_settings_color" name="mec[styling][color]" value="<?php echo (isset($styling['color']) ? $styling['color'] : ''); ?>" data-default-color="" />
                                         </div>
-            -
                                        <div class="mec-col-12">
-            -
                                            <p><?php esc_attr_e("If you want to select a predefined color skin, you must clear the color of this item", 'modern-events-calendar-lite'); ?></p>
                                         </div>
-            -
                                    </div>
-            -
                                    <div class="mec-form-row">
-            -
                                        <label class="mec-col-3" for="mec_styling_dark_mode"><?php _e('Dark Mode', 'modern-events-calendar-lite'); ?></label>
-            -
                                        <div class="mec-col-8">
-            -
                                            <input type="hidden" name="mec[styling][dark_mode]" value="0" />
-            -
                                            <input value="1" type="checkbox" id="mec_styling_dark_mode" name="mec[styling][dark_mode]" <?php if(isset($styling['dark_mode']) and $styling['dark_mode']) echo 'checked="checked"'; ?> />
-            -
                                            <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Dark Mode', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('Enable it to turn on dark mode', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/style-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                         </div>
-            -
                                    </div>
-            -
                                    <!-- Advanced Options -->
-            -
                                    <h4 class="mec-form-subtitle"><?php esc_html_e('Advanced Color Options (shortcodes)', 'modern-events-calendar-lite' ); ?></h4>
-            -
                                    <div class="mec-form-row">
-            -
                                        <div class="mec-col-3">
-            -
                                            <span><?php esc_html_e('Title', 'modern-events-calendar-lite' ); ?></span>
-            -
                                        </div>
-            -
                                        <div class="mec-col-6">
-            -
                                            <input type="text" class="wp-color-picker-field" id="mec_settings_title_color" name="mec[styling][title_color]" value="<?php echo (isset($styling['title_color']) ? $styling['title_color'] : ''); ?>" data-default-color="" />
-            -
                                        </div>
-            -
                                    </div>
-            -
-            -
                                    <div class="mec-form-row">
-            -
                                        <div class="mec-col-3">
-            -
                                            <span><?php esc_html_e('Title Hover', 'modern-events-calendar-lite' ); ?></span>
                                         </div>
-            -
                                        <div class="mec-col-6">
-            -
                                            <input type="text" class="wp-color-picker-field" id="mec_settings_title_color_hover" name="mec[styling][title_color_hover]" value="<?php echo (isset($styling['title_color_hover']) ? $styling['title_color_hover'] : ''); ?>" data-default-color="" />
                                         </div>
-            -
                                    </div>
-            -
                                    <div class="mec-form-row">
-            -
                                        <div class="mec-col-3">
-            -
                                            <span><?php esc_html_e('Content', 'modern-events-calendar-lite' ); ?></span>
-            -
                                        </div>
-            -
                                        <div class="mec-col-6">
-            -
                                            <input type="text" class="wp-color-picker-field" id="mec_settings_content_color" name="mec[styling][content_color]" value="<?php echo (isset($styling['content_color']) ? $styling['content_color'] : ''); ?>" data-default-color="" />
                                         </div>
-            -
                                    </div>
-            -
                                    <!-- Typography -->
-            -
                                    <h4 class="mec-form-subtitle"><?php esc_html_e('Typography', 'modern-events-calendar-lite' ); ?></h4>
-            -
                                    <div class="mec-form-row">
-            -
                                        <label class="mec-col-3" for="mec_h_fontfamily"><?php _e('Heading (Events Title) Font Family', 'modern-events-calendar-lite'); ?></label>
-            -
                                        <div class="mec-col-4">
-            -
-            -
                                            <select class="mec-p-fontfamily" name="mec[styling][mec_h_fontfamily]" id="mec_h_fontfamily">
-            -
                                                <?php
-            -
                                                foreach($google_fonts as $google_font)
-            -
                                                {
-            -
                                                    $variants = '';
-            -
                                                    foreach($google_font['variants'] as $key=>$variant)
+                                                    {
-            -
                                                        $variants .= $variant;
-            -
                                                        if(next($google_font['variants']) == true) $variants .= ",";
-            -
                                                    }
-            -
                                                    $value = (isset($google_font['value']) ? $google_font['value'] : '['. $google_font['label'] .','. $variants .']');
-            -
                                                    if($value == '['.__('Default Font', 'modern-events-calendar-lite').',regular]') $value = '';
                                                     ?>
-            -
                                                    <option value="<?php echo $value; ?>" <?php if(isset($styling['mec_h_fontfamily']) and ($styling['mec_h_fontfamily'] == $value)) echo 'selected="selected"'; ?>><?php echo $google_font['label']; ?></option>
-            -
                                                    <?php
-            -
                                                }
-            -
                                                ?>
-            -
                                            </select>
                                         </div>
-            -
                                    </div>
-            -
                                    <div class="mec-form-row">
-            -
                                        <label class="mec-col-3" for="mec_p_fontfamily"><?php _e('Paragraph Font Family', 'modern-events-calendar-lite'); ?></label>
-            -
                                        <div class="mec-col-4">
-            -
-            -
                                            <select class="mec-p-fontfamily" name="mec[styling][mec_p_fontfamily]" id="mec_p_fontfamily">
-            -
                                                <?php
-            -
                                                foreach($google_fonts as $google_font)
-            -
                                                {
-            -
                                                    $variants = '';
-            -
                                                    foreach($google_font['variants'] as $key=>$variant)
+                                                    {
-            -
                                                        $variants .= $variant;
-            -
                                                        if(next($google_font['variants']) == true) $variants .= ",";
+                                                    }
-            -
-            -
                                                    $value = (isset($google_font['value']) ? $google_font['value'] : '['. $google_font['label'] .','. $variants .']');
-            -
                                                    if($value == '['.__('Default Font', 'modern-events-calendar-lite').',regular]') $value = '';
                                                     ?>
-            -
                                                    <option value="<?php echo $value; ?>" <?php if(isset($styling['mec_p_fontfamily'] ) && ($styling['mec_p_fontfamily'] == $value ) ) echo 'selected'; ?>><?php echo $google_font['label']; ?></option>
-            -
                                                    <?php
-            -
                                                }
-            -
                                                ?>
-            -
                                            </select>
-            -
                                        </div>
-            -
                                    </div>
-            -
                                    <div class="mec-form-row">
-            -
-            -
                                        <label class="mec-col-3" for="mec_styling_disable_gfonts"><?php _e('Disable Google Fonts', 'modern-events-calendar-lite'); ?></label>
-            -
                                        <div class="mec-col-8">
-            -
                                            <input type="hidden" name="mec[styling][disable_gfonts]" value="0" />
-            -
                                            <input value="1" type="checkbox" id="mec_styling_disable_gfonts" name="mec[styling][disable_gfonts]" <?php if(isset($styling['disable_gfonts']) and $styling['disable_gfonts']) echo 'checked="checked"'; ?> />
-            -
                                            <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Disable Google Fonts', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('To be GDPR compliant you may need to disable Google fonts! set "Default Font" value for font family and enable this option.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/style-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                         </div>
-            -
                                    </div>
-            -
                                    <!-- Container Width -->
-            -
                                    <h4 class="mec-form-subtitle"><?php esc_html_e('Container Width', 'modern-events-calendar-lite' ); ?></h4>
-            -
                                    <div class="mec-form-row">
-            -
                                        <label class="mec-col-3" for="mec_styling_container_normal_width"><?php _e('Desktop Normal Screens', 'modern-events-calendar-lite'); ?></label>
-            -
                                        <div class="mec-col-4">
-            -
                                            <input type="text" id="mec_styling_container_normal_width" name="mec[styling][container_normal_width]" value="<?php echo ((isset($styling['container_normal_width']) and trim($styling['container_normal_width']) != '') ? $styling['container_normal_width'] : ''); ?>" />
-            -
                                            <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Desktop Normal Screens', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('You can enter your theme container size in this field', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/style-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                         </div>
-            -
                                    </div>
-            -
                                    <div class="mec-form-row">
-            -
                                        <label class="mec-col-3" for="mec_styling_container_large_width"><?php _e('Desktop Large Screens', 'modern-events-calendar-lite'); ?></label>
-            -
                                        <div class="mec-col-4">
-            -
                                            <input type="text" id="mec_styling_container_large_width" name="mec[styling][container_large_width]" value="<?php echo ((isset($styling['container_large_width']) and trim($styling['container_large_width']) != '') ? $styling['container_large_width'] : ''); ?>" />
-            -
                                            <span class="mec-tooltip">
-            -
                                                <div class="box top">
-            -
                                                    <h5 class="title"><?php _e('Desktop Large Screens', 'modern-events-calendar-lite'); ?></h5>
-            -
                                                    <div class="content"><p><?php esc_attr_e('You can enter your theme container size in this field', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/style-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
-            -
                                                </div>
-            -
                                                <i title="" class="dashicons-before dashicons-editor-help"></i>
-            -
                                            </span>
                                         </div>
-            -
                                    </div>
-            -
                                    <?php do_action('mec_end_styling_settings', $styling); ?>
-            -
                                    <!-- Other Styling Option -->
-            -
                                    <h4 class="mec-form-subtitle"><?php esc_html_e('Other Styling Option', 'modern-events-calendar-lite' ); ?></h4>
-            -
                                    <div class="mec-form-row">
-            -
                                        <div class="mec-col-3">
-            -
                                            <span><?php esc_html_e('Notifications Background', 'modern-events-calendar-lite' ); ?></span>
                                         </div>
-            -
                                        <div class="mec-col-6">
-            -
                                            <input type="text" class="wp-color-picker-field" id="mec_settings_notification_bg" name="mec[styling][notification_bg]" value="<?php echo (isset($styling['notification_bg']) ? $styling['notification_bg'] : ''); ?>" data-default-color="" />
                                         </div>
-            -
                                    </div>
-            -
                                    <div class="mec-form-row">
-            -
                                        <?php wp_nonce_field('mec_options_form'); ?>
-            -
                                        <button  style="display: none;" id="mec_styling_form_button" class="button button-primary mec-button-primary" type="submit"><?php _e('Save Changes', 'modern-events-calendar-lite'); ?></button>
                                     </div>
                                 </form>
                             </div>


47
48	<div id="wns-be-content">
49	<div class="wns-be-group-tab">
50	+
51	<div class="mec-container">
52	<form id="mec_styling_form">
53	+ <div class="mec-options-fields">
54	+ <h2><?php _e('Styling Options', 'modern-events-calendar-lite'); ?></h2>
55	+ <!-- Colorskin -->
56	+ <h5 class="mec-form-subtitle"><?php esc_html_e('Color Skin', 'modern-events-calendar-lite' ); ?></h5>
57	+ <div class="mec-form-row">
58	+ <div class="mec-col-3">
59	+ <span><?php esc_html_e('Predefined Color Skin', 'modern-events-calendar-lite' ); ?></span>
60	+ </div>
61	+ <div class="mec-col-9">
62	+ <ul class="mec-image-select-wrap">
63	+ <?php
64	+ $colorskins = array(
65	+ '#40d9f1'=>'mec-colorskin-1',
66	+ '#0093d0'=>'mec-colorskin-2',
67	+ '#e53f51'=>'mec-colorskin-3',
68	+ '#f1c40f'=>'mec-colorskin-4',
69	+ '#e64883'=>'mec-colorskin-5',
70	+ '#45ab48'=>'mec-colorskin-6',
71	+ '#9661ab'=>'mec-colorskin-7',
72	+ '#0aad80'=>'mec-colorskin-8',
73	+ '#0ab1f0'=>'mec-colorskin-9',
74	+ '#ff5a00'=>'mec-colorskin-10',
75	+ '#c3512f'=>'mec-colorskin-11',
76	+ '#55606e'=>'mec-colorskin-12',
77	+ '#fe8178'=>'mec-colorskin-13',
78	+ '#7c6853'=>'mec-colorskin-14',
79	+ '#bed431'=>'mec-colorskin-15',
80	+ '#2d5c88'=>'mec-colorskin-16',
81	+ '#77da55'=>'mec-colorskin-17',
82	+ '#2997ab'=>'mec-colorskin-18',
83	+ '#734854'=>'mec-colorskin-19',
84	+ '#a81010'=>'mec-colorskin-20',
85	+ '#4ccfad'=>'mec-colorskin-21',
86	+ '#3a609f'=>'mec-colorskin-22',
87	+ '#333333'=>'mec-colorskin-23',
88	+ '#D2D2D2'=>'mec-colorskin-24',
89	+ '#636363'=>'mec-colorskin-25',
90	+ );
91
92	+ foreach($colorskins as $colorskin=>$values): ?>
93	+ <li class="mec-image-select">
94	+ <label for="<?php echo $values; ?>">
95	+ <input type="radio" id="<?php echo $values; ?>" name="mec[styling][mec_colorskin]" value="<?php echo $colorskin; ?>" <?php if(isset($styling['mec_colorskin']) && ($styling['mec_colorskin'] == $colorskin)) echo 'checked="checked"'; ?>>
96	+ <span class="<?php echo $values; ?>"></span>
97	+ </label>
98	+ </li>
99	+ <?php endforeach; ?>
100	+ </ul>
101	+ </div>









































102	</div>
103	+ <div class="mec-form-row">
104	+ <div class="mec-col-3">
105	+ <span><?php esc_html_e('Custom Color Skin', 'modern-events-calendar-lite' ); ?></span>
106	+ </div>
107	+ <div class="mec-col-9">
108	+ <input type="text" class="wp-color-picker-field" id="mec_settings_color" name="mec[styling][color]" value="<?php echo (isset($styling['color']) ? $styling['color'] : ''); ?>" data-default-color="" />
109	+ </div>
110	+ <div class="mec-col-12">
111	+ <p><?php esc_attr_e("If you want to select a predefined color skin, you must clear the color of this item", 'modern-events-calendar-lite'); ?></p>
112	+ </div>
113	</div>

114
115	+ <div class="mec-form-row">
116	+ <label class="mec-col-3" for="mec_styling_dark_mode"><?php _e('Dark Mode', 'modern-events-calendar-lite'); ?></label>
117	+ <div class="mec-col-9">
118	+ <input type="hidden" name="mec[styling][dark_mode]" value="0" />
119	+ <input value="1" type="checkbox" id="mec_styling_dark_mode" name="mec[styling][dark_mode]" <?php if(isset($styling['dark_mode']) and $styling['dark_mode']) echo 'checked="checked"'; ?> />
120	+ <span class="mec-tooltip">
121	+ <div class="box top">
122	+ <h5 class="title"><?php _e('Dark Mode', 'modern-events-calendar-lite'); ?></h5>
123	+ <div class="content"><p><?php esc_attr_e('Enable it to turn on dark mode', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/style-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
124	+ </div>
125	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
126	+ </span>
127	+ </div>
128	</div>

129
130	+ <!-- Advanced Options -->
131	+ <h5 class="mec-form-subtitle"><?php esc_html_e('Advanced Color Options (shortcodes)', 'modern-events-calendar-lite' ); ?></h5>
132	+ <div class="mec-form-row">
133	+ <div class="mec-col-3">
134	+ <span><?php esc_html_e('Title', 'modern-events-calendar-lite' ); ?></span>
135	+ </div>
136	+ <div class="mec-col-9">
137	+ <input type="text" class="wp-color-picker-field" id="mec_settings_title_color" name="mec[styling][title_color]" value="<?php echo (isset($styling['title_color']) ? $styling['title_color'] : ''); ?>" data-default-color="" />
138	+ </div>





139	</div>
140	+
141	+ <div class="mec-form-row">
142	+ <div class="mec-col-3">
143	+ <span><?php esc_html_e('Title Hover', 'modern-events-calendar-lite' ); ?></span>
144	+ </div>
145	+ <div class="mec-col-9">
146	+ <input type="text" class="wp-color-picker-field" id="mec_settings_title_color_hover" name="mec[styling][title_color_hover]" value="<?php echo (isset($styling['title_color_hover']) ? $styling['title_color_hover'] : ''); ?>" data-default-color="" />
147	+ </div>
148	</div>

149
150	+ <div class="mec-form-row">
151	+ <div class="mec-col-3">
152	+ <span><?php esc_html_e('Content', 'modern-events-calendar-lite' ); ?></span>
153	+ </div>
154	+ <div class="mec-col-9">
155	+ <input type="text" class="wp-color-picker-field" id="mec_settings_content_color" name="mec[styling][content_color]" value="<?php echo (isset($styling['content_color']) ? $styling['content_color'] : ''); ?>" data-default-color="" />
156	+ </div>
157	</div>

158
159	+ <!-- Typography -->
160	+ <h5 class="mec-form-subtitle"><?php esc_html_e('Typography', 'modern-events-calendar-lite' ); ?></h5>
161	+ <div class="mec-form-row">
162	+ <label class="mec-col-3" for="mec_h_fontfamily"><?php _e('Heading (Events Title) Font Family', 'modern-events-calendar-lite'); ?></label>
163	+ <div class="mec-col-9">
164	+
165	+ <select class="mec-p-fontfamily" name="mec[styling][mec_h_fontfamily]" id="mec_h_fontfamily">
166	+ <?php
167	+ foreach($google_fonts as $google_font)



168	{
169	+ $variants = '';
170	+ foreach($google_font['variants'] as $key=>$variant)
171	+ {
172	+ $variants .= $variant;
173	+ if(next($google_font['variants']) == true) $variants .= ",";
174	+ }
175
176	+ $value = (isset($google_font['value']) ? $google_font['value'] : '['. $google_font['label'] .','. $variants .']');
177	+ if($value == '['.__('Default Font', 'modern-events-calendar-lite').',regular]') $value = '';
178	+ ?>
179	+ <option value="<?php echo $value; ?>" <?php if(isset($styling['mec_h_fontfamily']) and ($styling['mec_h_fontfamily'] == $value)) echo 'selected="selected"'; ?>><?php echo $google_font['label']; ?></option>
180	+ <?php
181	+ }
182	?>
183	+ </select>




184
185	+ </div>
186	</div>
187	+
188	+ <div class="mec-form-row">
189	+ <label class="mec-col-3" for="mec_p_fontfamily"><?php _e('Paragraph Font Family', 'modern-events-calendar-lite'); ?></label>
190	+ <div class="mec-col-9">
191	+
192	+ <select class="mec-p-fontfamily" name="mec[styling][mec_p_fontfamily]" id="mec_p_fontfamily">
193	+ <?php
194	+ foreach($google_fonts as $google_font)



195	{
196	+ $variants = '';
197	+ foreach($google_font['variants'] as $key=>$variant)
198	+ {
199	+ $variants .= $variant;
200	+ if(next($google_font['variants']) == true) $variants .= ",";
201	+ }
202	+
203	+ $value = (isset($google_font['value']) ? $google_font['value'] : '['. $google_font['label'] .','. $variants .']');
204	+ if($value == '['.__('Default Font', 'modern-events-calendar-lite').',regular]') $value = '';
205	+ ?>
206	+ <option value="<?php echo $value; ?>" <?php if(isset($styling['mec_p_fontfamily'] ) && ($styling['mec_p_fontfamily'] == $value ) ) echo 'selected'; ?>><?php echo $google_font['label']; ?></option>
207	+ <?php
208	}



209	?>
210	+ </select>




211
212	+ </div>














213	</div>
214
215	+ <div class="mec-form-row">
216	+ <label class="mec-col-3" for="mec_styling_disable_gfonts"><?php _e('Disable Google Fonts', 'modern-events-calendar-lite'); ?></label>
217	+ <div class="mec-col-9">
218	+ <input type="hidden" name="mec[styling][disable_gfonts]" value="0" />
219	+ <input value="1" type="checkbox" id="mec_styling_disable_gfonts" name="mec[styling][disable_gfonts]" <?php if(isset($styling['disable_gfonts']) and $styling['disable_gfonts']) echo 'checked="checked"'; ?> />
220	+ <span class="mec-tooltip">
221	+ <div class="box top">
222	+ <h5 class="title"><?php _e('Disable Google Fonts', 'modern-events-calendar-lite'); ?></h5>
223	+ <div class="content"><p><?php esc_attr_e('To be GDPR compliant you may need to disable Google fonts! set "Default Font" value for font family and enable this option.', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/style-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
224	+ </div>
225	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
226	+ </span>
227	+ </div>
228













229	</div>
230	+
231	+ <!-- Container Width -->
232	+ <h5 class="mec-form-subtitle"><?php esc_html_e('Container Width', 'modern-events-calendar-lite' ); ?></h5>
233	+ <div class="mec-form-row">
234	+ <label class="mec-col-3" for="mec_styling_container_normal_width"><?php _e('Desktop Normal Screens', 'modern-events-calendar-lite'); ?></label>
235	+ <div class="mec-col-9">
236	+ <input type="text" id="mec_styling_container_normal_width" name="mec[styling][container_normal_width]" value="<?php echo ((isset($styling['container_normal_width']) and trim($styling['container_normal_width']) != '') ? $styling['container_normal_width'] : ''); ?>" />
237	+ <span class="mec-tooltip">
238	+ <div class="box left">
239	+ <h5 class="title"><?php _e('Desktop Normal Screens', 'modern-events-calendar-lite'); ?></h5>
240	+ <div class="content"><p><?php esc_attr_e('You can enter your theme container size in this field', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/style-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
241	+ </div>
242	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
243	+ </span>
244	+ </div>
245	</div>


246
247	+ <div class="mec-form-row">
248	+ <label class="mec-col-3" for="mec_styling_container_large_width"><?php _e('Desktop Large Screens', 'modern-events-calendar-lite'); ?></label>
249	+ <div class="mec-col-9">
250	+ <input type="text" id="mec_styling_container_large_width" name="mec[styling][container_large_width]" value="<?php echo ((isset($styling['container_large_width']) and trim($styling['container_large_width']) != '') ? $styling['container_large_width'] : ''); ?>" />
251	+ <span class="mec-tooltip">
252	+ <div class="box left">
253	+ <h5 class="title"><?php _e('Desktop Large Screens', 'modern-events-calendar-lite'); ?></h5>
254	+ <div class="content"><p><?php esc_attr_e('You can enter your theme container size in this field', 'modern-events-calendar-lite'); ?><a href="https://webnus.net/dox/modern-events-calendar/style-options/" target="_blank"><?php _e('Read More', 'modern-events-calendar-lite'); ?></a></p></div>
255	+ </div>
256	+ <i title="" class="dashicons-before dashicons-editor-help"></i>
257	+ </span>
258	+ </div>
259	+ </div>
260	+ <?php do_action('mec_end_styling_settings', $styling); ?>
261	+
262	+ <!-- Other Styling Option -->
263	+ <h5 class="mec-form-subtitle"><?php esc_html_e('Other Styling Option', 'modern-events-calendar-lite' ); ?></h5>
264	+
265	+ <div class="mec-form-row">
266	+ <div class="mec-col-3">
267	+ <span><?php esc_html_e('Frontend Event Submission Color', 'modern-events-calendar-lite' ); ?></span>
268	+ </div>
269	+ <div class="mec-col-9">
270	+ <input type="text" class="wp-color-picker-field" id="mec_settings_fes_color" name="mec[styling][fes_color]" value="<?php echo (isset($styling['fes_color']) ? $styling['fes_color'] : ''); ?>" data-default-color="" />
271	+ </div>
272	</div>
273	+
274	+ <div class="mec-form-row">
275	+ <div class="mec-col-3">
276	+ <span><?php esc_html_e('Notifications Background', 'modern-events-calendar-lite' ); ?></span>
277	+ </div>
278	+ <div class="mec-col-9">
279	+ <input type="text" class="wp-color-picker-field" id="mec_settings_notification_bg" name="mec[styling][notification_bg]" value="<?php echo (isset($styling['notification_bg']) ? $styling['notification_bg'] : ''); ?>" data-default-color="" />
280	+ </div>
281	</div>

282
283	+ <div class="mec-form-row">
284	+ <?php wp_nonce_field('mec_options_form'); ?>
285	+ <button style="display: none;" id="mec_styling_form_button" class="button button-primary mec-button-primary" type="submit"><?php _e('Save Changes', 'modern-events-calendar-lite'); ?></button>
286	+ </div>
287	</div>
288	</form>
289	</div>

app/features/notifications.php CHANGED Viewed

	@@ -80,9 +80,15 @@ class MEC_feature_notifications extends MEC_base
80	<label for="mec_notifications_<?php echo $key; ?>_content"><?php esc_html_e('Email Content', 'modern-events-calendar-lite'); ?></label>
81	</div>
82	<div class="mec-col-10">
83	- <?php wp_editor(((isset($values[$key]) and isset($values[$key]['content']) and trim($values[$key]['content'])) ? $values[$key]['content'] : ((isset($this->notif_settings[$key]) and isset($this->notif_settings[$key]['content']) and trim($this->notif_settings[$key]['content'])) ? $this->notif_settings[$key]['content'] : '')), 'mec_notifications_'.$key.'_content', array('textarea_name'=>'mec[notifications]['.$key.'][content]')); ?>
84	</div>
85	</div>






86	</div>
87	</div>
88	<?php endforeach; ?>


80	<label for="mec_notifications_<?php echo $key; ?>_content"><?php esc_html_e('Email Content', 'modern-events-calendar-lite'); ?></label>
81	</div>
82	<div class="mec-col-10">
83	+ <?php wp_editor(((isset($values[$key]) and isset($values[$key]['content']) and trim($values[$key]['content'])) ? stripslashes($values[$key]['content']) : ((isset($this->notif_settings[$key]) and isset($this->notif_settings[$key]['content']) and trim($this->notif_settings[$key]['content'])) ? stripslashes($this->notif_settings[$key]['content']) : '')), 'mec_notifications_'.$key.'_content', array('textarea_name'=>'mec[notifications]['.$key.'][content]')); ?>
84	</div>
85	</div>
86	+
87	+ <?php
88	+ $section = $key;
89	+ $options = $values;
90	+ do_action('mec_display_notification_settings_for_event',$values,$section)
91	+ ?>
92	</div>
93	</div>
94	<?php endforeach; ?>

app/features/occurrences.php CHANGED Viewed

	@@ -481,7 +481,7 @@ class MEC_feature_occurrences extends MEC_base
481	$occurrence['hourly_schedules'] = $hourly_schedules;
482
483	// Save Occurrence
484	- $this->db->q("UPDATE `#__mec_occurrences` SET `params`='".json_encode($occurrence)."' WHERE `id`='".$this->db->escape($occurrence['id'])."'");
485	}
486	}
487


481	$occurrence['hourly_schedules'] = $hourly_schedules;
482
483	// Save Occurrence
484	+ $this->db->q("UPDATE `#__mec_occurrences` SET `params`='".json_encode($occurrence, JSON_UNESCAPED_UNICODE)."' WHERE `id`='".$this->db->escape($occurrence['id'])."'");
485	}
486	}
487

app/features/profile/profile.php CHANGED Viewed

@@ -4,28 +4,6 @@ defined('MECEXEC') or die();
             /** @var MEC_feature_profile $this */
-            -
            // MEC Cancel
-            -
            if(isset($_GET['cancel']) and trim($_GET['cancel']))
-            -
            {
-            -
                $cancellation_key = trim($_GET['cancel']);
-            -
-            -
                $db = $this->getDB();
-            -
                $book_id = $db->select("SELECT `post_id` FROM `#__postmeta` WHERE `meta_key`='mec_cancellation_key' AND `meta_value`='$cancellation_key'", 'loadResult');
-            -
-            -
                if($book_id)
-            -
                {
-            -
                    $status = get_post_meta($book_id, 'mec_verified', true);
-            -
                    if($status == '-1')
-            -
                    {
-            -
                        echo '<p class="mec-error">'.__('Your booking already canceled!', 'modern-events-calendar-lite').'</p>';
-            -
                    }
-            -
                    else
-            -
                    {
-            -
                        $this->book->cancel($book_id);
-            -
                    }
-            -
                }
-            -
            }
-            -
             // Date & Time Format
             $datetime_format = get_option('date_format').' '.get_option('time_format');
@@ -151,16 +129,10 @@ $id = 1;
                             </span>
                         </td>
                         <td>
-            -
                            <?php
-            -
                                $mec_verified = get_post_meta($ID, 'mec_verified', true);
-            -
                            ?>
                             <span class="mec-profile-bookings-cancelation">
-            -
                                <?php
-            -
                                    if(intval($mec_verified) != -1):
-            -
                                        $current_url = $this->main->get_full_url();
-            -
                                        $cancellation_url = $this->main->add_query_string($current_url, 'cancel', get_post_meta($ID, 'mec_cancellation_key', true));
-            -
                                ?>
-            -
                                <a href="<?php echo $cancellation_url; ?>"><i class="mec-fa-calendar-times-o"></i></a>
                                 <?php else: ?>
                                 <i class="mec-sl-close mec-profile-cancel-booking"></i>
                                 <?php endif; ?>

             /** @var MEC_feature_profile $this */
             // Date & Time Format
             $datetime_format = get_option('date_format').' '.get_option('time_format');
                             </span>
                         </td>
                         <td>
+            +
                            <?php $mec_verified = get_post_meta($ID, 'mec_verified', true); ?>
                             <span class="mec-profile-bookings-cancelation">
+            +
                                <?php if(intval($mec_verified) != -1): ?>
+            +
                                <a href="<?php echo trim(get_permalink($event_id), '/').'/cancel/'.get_post_meta($ID, 'mec_cancellation_key', true).'/'; ?>"><i class="mec-fa-calendar-times-o"></i></a>
                                 <?php else: ?>
                                 <i class="mec-sl-close mec-profile-cancel-booking"></i>
                                 <?php endif; ?>

app/features/update.php CHANGED Viewed

@@ -72,6 +72,7 @@ class MEC_feature_update extends MEC_base
                     if(version_compare($version, '5.16.0', '<')) $this->version5160();
                     if(version_compare($version, '5.16.1', '<')) $this->version5161();
                     if(version_compare($version, '5.16.2', '<')) $this->version5162();
                     // Update to latest version to prevent running the code twice
                     update_option('mec_version', $this->main->get_version());
@@ -553,4 +554,26 @@ class MEC_feature_update extends MEC_base
+                {
                     $this->version5161();
+                }
+            }


72	if(version_compare($version, '5.16.0', '<')) $this->version5160();
73	if(version_compare($version, '5.16.1', '<')) $this->version5161();
74	if(version_compare($version, '5.16.2', '<')) $this->version5162();
75	+ if(version_compare($version, '5.17.0', '<')) $this->version5170();
76
77	// Update to latest version to prevent running the code twice
78	update_option('mec_version', $this->main->get_version());

554	{
555	$this->version5161();
556	}
557	+
558	+ public function version5170()
559	+ {
560	+ // List of Capabilities
561	+ $capabilities = array('mec_shortcodes');
562	+
563	+ // Site Admin
564	+ $role = get_role('administrator');
565	+ if($role) foreach($capabilities as $capability) $role->add_cap($capability, true);
566	+
567	+ // Multisite
568	+ if(is_multisite())
569	+ {
570	+ // All Super Admins
571	+ $supers = get_super_admins();
572	+ foreach($supers as $admin)
573	+ {
574	+ $user = new WP_User(0, $admin);
575	+ foreach($capabilities as $capability) $user->add_cap($capability, true);
576	+ }
577	+ }
578	+ }
579	}

app/libraries/book.php CHANGED Viewed

@@ -1201,4 +1201,46 @@ class MEC_book extends MEC_base
                     return $sold;
+                }
+            }


1201
1202	return $sold;
1203	}
1204	+
1205	+ public function get_ticket_total_price($transaction, $attendee, $booking_id)
1206	+ {
1207	+ $event_id = $transaction['event_id'];
1208	+
1209	+ $all_attendees = get_post_meta($booking_id, 'mec_attendees', true);
1210	+ if(!is_array($all_attendees) or (is_array($all_attendees) and !count($all_attendees))) $all_attendees = array(get_post_meta($booking_id, 'mec_attendee', true));
1211	+
1212	+ $tickets = get_post_meta($event_id, 'mec_tickets', true);
1213	+ $total_price = get_post_meta($booking_id, 'mec_price', true);
1214	+ $ticket_variations = $this->main->ticket_variations($event_id);
1215	+
1216	+ $ticket_id = $attendee['id'];
1217	+ $ticket_price = (isset($tickets[$ticket_id]) ? $tickets[$ticket_id]['price'] : 0);
1218	+
1219	+ $variation_price = 0;
1220	+ if(isset($attendee['variations']) and is_array($attendee['variations']) and count($attendee['variations']))
1221	+ {
1222	+ foreach($attendee['variations'] as $variation_id => $count)
1223	+ {
1224	+ if(!trim($count)) continue;
1225	+ if(!isset($ticket_variations[$variation_id])) continue;
1226	+
1227	+ $p = $ticket_variations[$variation_id]['price'];
1228	+ $variation_price += ($p * $count);
1229	+ }
1230	+ }
1231	+
1232	+ // Fees
1233	+ $total_fees = 0;
1234	+ if(isset($transaction['price_details']) and isset($transaction['price_details']['details']) and is_array($transaction['price_details']['details']) and count($transaction['price_details']['details']))
1235	+ {
1236	+ foreach($transaction['price_details']['details'] as $detail)
1237	+ {
1238	+ if(!isset($detail['type'])) continue;
1239	+ if($detail['type'] == 'fee') $total_fees += $detail['amount'];
1240	+ }
1241	+ }
1242	+
1243	+ $ticket_total_price = ($ticket_price + $variation_price + ($total_fees / count($all_attendees)));
1244	+ return ($ticket_total_price ? $ticket_total_price : $total_price);
1245	+ }
1246	}

app/libraries/factory.php CHANGED Viewed

	@@ -334,7 +334,7 @@ class MEC_factory extends MEC_base
334	wp_enqueue_script('jquery');
335
336	// Include jQuery date picker
337	- wp_enqueue_script('jquery-ui-datepicker');
338
339	// Load Isotope
340	if(class_exists('ET_Builder_Element')) $this->main->load_isotope_assets();
	@@ -964,7 +964,7 @@ class MEC_factory extends MEC_base
964	foreach($calendars as $calendar)
965	{
966	// Calendar exists
967	- if(post_exists($calendar['title'], '~~modern-events-calendar-lite~~')) continue;
968
969	$post = array('post_title'=>$calendar['title'], 'post_content'=>'MEC', 'post_type'=>'mec_calendars', 'post_status'=>'publish');
970	$post_id = wp_insert_post($post);
	@@ -994,6 +994,7 @@ class MEC_factory extends MEC_base
994	$role->add_cap('mec_report', true);
995	$role->add_cap('mec_import_export', true);
996	$role->add_cap('mec_settings', true);

997	}
998
999	/**


334	wp_enqueue_script('jquery');
335
336	// Include jQuery date picker
337	+ if ( !defined("SHOW_CT_BUILDER") ) wp_enqueue_script('jquery-ui-datepicker');
338
339	// Load Isotope
340	if(class_exists('ET_Builder_Element')) $this->main->load_isotope_assets();

964	foreach($calendars as $calendar)
965	{
966	// Calendar exists
967	+ if(post_exists($calendar['title'], 'MEC')) continue;
968
969	$post = array('post_title'=>$calendar['title'], 'post_content'=>'MEC', 'post_type'=>'mec_calendars', 'post_status'=>'publish');
970	$post_id = wp_insert_post($post);

994	$role->add_cap('mec_report', true);
995	$role->add_cap('mec_import_export', true);
996	$role->add_cap('mec_settings', true);
997	+ $role->add_cap('mec_shortcodes', true);
998	}
999
1000	/**

app/libraries/main.php CHANGED Viewed

	@@ -3353,6 +3353,7 @@ class MEC_main extends MEC_base
3353	<div>
3354	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="text" />
3355	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />

3356	</div>
3357	</li>';
3358	}
	@@ -3440,6 +3441,7 @@ class MEC_main extends MEC_base
3440	<div>
3441	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="email" />
3442	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />

3443	</div>
3444	</li>';
3445	}
	@@ -3469,6 +3471,7 @@ class MEC_main extends MEC_base
3469	<div>
3470	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="url" />
3471	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />

3472	</div>
3473	</li>';
3474	}
	@@ -3527,6 +3530,7 @@ class MEC_main extends MEC_base
3527	<div>
3528	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="date" />
3529	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />

3530	</div>
3531	</li>';
3532	}
	@@ -3556,6 +3560,7 @@ class MEC_main extends MEC_base
3556	<div>
3557	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="tel" />
3558	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />

3559	</div>
3560	</li>';
3561	}
	@@ -3585,6 +3590,7 @@ class MEC_main extends MEC_base
3585	<div>
3586	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="textarea" />
3587	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />

3588	</div>
3589	</li>';
3590	}
	@@ -3637,6 +3643,7 @@ class MEC_main extends MEC_base
3637	<div>
3638	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="checkbox" />
3639	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />

3640	<ul id="mec_'.$prefix.'_fields_'.$key.'_options_container" class="mec_'.$prefix.'_fields_options_container">';
3641
3642	if(isset($values['options']) and is_array($values['options']) and count($values['options']))
	@@ -3683,6 +3690,7 @@ class MEC_main extends MEC_base
3683	<div>
3684	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="radio" />
3685	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />

3686	<ul id="mec_'.$prefix.'_fields_'.$key.'_options_container" class="mec_'.$prefix.'_fields_options_container">';
3687
3688	if(isset($values['options']) and is_array($values['options']) and count($values['options']))
	@@ -3729,6 +3737,7 @@ class MEC_main extends MEC_base
3729	<div>
3730	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="select" />
3731	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />

3732	<ul id="mec_'.$prefix.'_fields_'.$key.'_options_container" class="mec_'.$prefix.'_fields_options_container">';
3733
3734	if(isset($values['options']) and is_array($values['options']) and count($values['options']))
	@@ -6947,7 +6956,7 @@ class MEC_main extends MEC_base
6947	return $merge[$day];
6948	}
6949
6950	- public function get_ical_rrules($event)
6951	{
6952	$recurrence = array();
6953	if(isset($event->mec->repeat) and $event->mec->repeat)
	@@ -7053,7 +7062,20 @@ class MEC_main extends MEC_base
7053	}
7054	}
7055
7056	- ~~return~~ $~~recurrence;~~













7057	}
7058
7059	public static function get_upcoming_events($limit = 12)
	@@ -7908,4 +7930,67 @@ class MEC_main extends MEC_base
7908	return isset($image['0']) ? $image['0'] : false;
7909	}
7910	}































































7911	}


3353	<div>
3354	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="text" />
3355	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />
3356	+ '.($prefix == 'reg' ? $this->get_wp_user_fields_dropdown('mec['.$prefix.'_fields]['.$key.'][mapping]', (isset($values['mapping']) ? $values['mapping'] : '')) : '').'
3357	</div>
3358	</li>';
3359	}

3441	<div>
3442	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="email" />
3443	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />
3444	+ '.($prefix == 'reg' ? $this->get_wp_user_fields_dropdown('mec['.$prefix.'_fields]['.$key.'][mapping]', (isset($values['mapping']) ? $values['mapping'] : '')) : '').'
3445	</div>
3446	</li>';
3447	}

3471	<div>
3472	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="url" />
3473	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />
3474	+ '.($prefix == 'reg' ? $this->get_wp_user_fields_dropdown('mec['.$prefix.'_fields]['.$key.'][mapping]', (isset($values['mapping']) ? $values['mapping'] : '')) : '').'
3475	</div>
3476	</li>';
3477	}

3530	<div>
3531	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="date" />
3532	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />
3533	+ '.($prefix == 'reg' ? $this->get_wp_user_fields_dropdown('mec['.$prefix.'_fields]['.$key.'][mapping]', (isset($values['mapping']) ? $values['mapping'] : '')) : '').'
3534	</div>
3535	</li>';
3536	}

3560	<div>
3561	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="tel" />
3562	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />
3563	+ '.($prefix == 'reg' ? $this->get_wp_user_fields_dropdown('mec['.$prefix.'_fields]['.$key.'][mapping]', (isset($values['mapping']) ? $values['mapping'] : '')) : '').'
3564	</div>
3565	</li>';
3566	}

3590	<div>
3591	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="textarea" />
3592	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />
3593	+ '.($prefix == 'reg' ? $this->get_wp_user_fields_dropdown('mec['.$prefix.'_fields]['.$key.'][mapping]', (isset($values['mapping']) ? $values['mapping'] : '')) : '').'
3594	</div>
3595	</li>';
3596	}

3643	<div>
3644	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="checkbox" />
3645	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />
3646	+ '.($prefix == 'reg' ? $this->get_wp_user_fields_dropdown('mec['.$prefix.'_fields]['.$key.'][mapping]', (isset($values['mapping']) ? $values['mapping'] : '')) : '').'
3647	<ul id="mec_'.$prefix.'_fields_'.$key.'_options_container" class="mec_'.$prefix.'_fields_options_container">';
3648
3649	if(isset($values['options']) and is_array($values['options']) and count($values['options']))

3690	<div>
3691	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="radio" />
3692	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />
3693	+ '.($prefix == 'reg' ? $this->get_wp_user_fields_dropdown('mec['.$prefix.'_fields]['.$key.'][mapping]', (isset($values['mapping']) ? $values['mapping'] : '')) : '').'
3694	<ul id="mec_'.$prefix.'_fields_'.$key.'_options_container" class="mec_'.$prefix.'_fields_options_container">';
3695
3696	if(isset($values['options']) and is_array($values['options']) and count($values['options']))

3737	<div>
3738	<input type="hidden" name="mec['.$prefix.'_fields]['.$key.'][type]" value="select" />
3739	<input type="text" name="mec['.$prefix.'_fields]['.$key.'][label]" placeholder="'.esc_attr__('Insert a label for this field', 'modern-events-calendar-lite').'" value="'.(isset($values['label']) ? stripslashes($values['label']) : '').'" />
3740	+ '.($prefix == 'reg' ? $this->get_wp_user_fields_dropdown('mec['.$prefix.'_fields]['.$key.'][mapping]', (isset($values['mapping']) ? $values['mapping'] : '')) : '').'
3741	<ul id="mec_'.$prefix.'_fields_'.$key.'_options_container" class="mec_'.$prefix.'_fields_options_container">';
3742
3743	if(isset($values['options']) and is_array($values['options']) and count($values['options']))

6956	return $merge[$day];
6957	}
6958
6959	+ public function get_ical_rrules($event, $only_rrule = false)
6960	{
6961	$recurrence = array();
6962	if(isset($event->mec->repeat) and $event->mec->repeat)

7062	}
7063	}
7064
7065	+ if($only_rrule)
7066	+ {
7067	+ $rrule = '';
7068	+ if(is_array($recurrence) and count($recurrence))
7069	+ {
7070	+ foreach($recurrence as $recur)
7071	+ {
7072	+ if(strpos($recur, 'RRULE') !== false) $rrule = $recur;
7073	+ }
7074	+ }
7075	+
7076	+ return $rrule;
7077	+ }
7078	+ else return $recurrence;
7079	}
7080
7081	public static function get_upcoming_events($limit = 12)

7930	return isset($image['0']) ? $image['0'] : false;
7931	}
7932	}
7933	+
7934	+ public function is_multipleday_occurrence($event)
7935	+ {
7936	+ $start_date = ((isset($event->date) and isset($event->date['start']) and isset($event->date['start']['date'])) ? $event->date['start']['date'] : NULL);
7937	+ $end_date = ((isset($event->date) and isset($event->date['end']) and isset($event->date['end']['date'])) ? $event->date['end']['date'] : NULL);
7938	+
7939	+ return (!is_null($start_date) and $start_date !== $end_date);
7940	+ }
7941	+
7942	+ public function get_wp_user_fields()
7943	+ {
7944	+ $raw_fields = get_user_meta(get_current_user_id());
7945	+
7946	+ $forbidden = array(
7947	+ 'nickname',
7948	+ 'syntax_highlighting',
7949	+ 'comment_shortcuts',
7950	+ 'admin_color',
7951	+ 'use_ssl',
7952	+ 'show_admin_bar_front',
7953	+ 'wp_user_level',
7954	+ 'user_last_view_date',
7955	+ 'user_last_view_date_events',
7956	+ 'wc_last_active',
7957	+ 'last_update',
7958	+ 'last_activity',
7959	+ 'locale',
7960	+ 'show_welcome_panel',
7961	+ 'rich_editing',
7962	+ 'nav_menu_recently_edited',
7963	+ );
7964	+
7965	+ $fields = array();
7966	+ foreach($raw_fields as $key => $values)
7967	+ {
7968	+ if(substr($key, 0, 1) === '_') continue;
7969	+ if(substr($key, 0, 4) === 'icl_') continue;
7970	+ if(substr($key, 0, 4) === 'mec_') continue;
7971	+ if(substr($key, 0, 3) === 'wp_') continue;
7972	+ if(substr($key, 0, 10) === 'dismissed_') continue;
7973	+ if(in_array($key, $forbidden)) continue;
7974	+
7975	+ $value = (isset($values[0]) ? $values[0] : NULL);
7976	+ if(is_array($value)) continue;
7977	+ if(is_serialized($value)) continue;
7978	+
7979	+ $fields[$key] = trim(ucwords(str_replace('_', ' ', $key)));
7980	+ }
7981	+
7982	+ return $fields;
7983	+ }
7984	+
7985	+ public function get_wp_user_fields_dropdown($name, $value)
7986	+ {
7987	+ $fields = $this->get_wp_user_fields();
7988	+
7989	+ $dropdown = '<select name="'.esc_attr($name).'" title="'.esc_html__('Mapping with Profile Fields', 'modern-events-calendar-lite').'">';
7990	+ $dropdown .= '<option value="">-----</option>';
7991	+ foreach($fields as $key => $label) $dropdown .= '<option value="'.esc_attr($key).'" '.($value == $key ? 'selected="selected"' : '').'>'.esc_html($label).'</option>';
7992	+ $dropdown .= '</select>';
7993	+
7994	+ return $dropdown;
7995	+ }
7996	}

app/libraries/notifications.php CHANGED Viewed

	@@ -86,6 +86,7 @@ class MEC_notifications extends MEC_base
86	$recipients = array_merge($user_roles, $recipients);
87
88	// Unique Recipients

89	$recipients = array_unique($recipients);
90
91	foreach($recipients as $recipient)
	@@ -188,6 +189,7 @@ class MEC_notifications extends MEC_base
188	$recipients = array_merge($user_roles, $recipients);
189
190	// Unique Recipients

191	$recipients = array_unique($recipients);
192
193	foreach($recipients as $recipient)
	@@ -296,6 +298,7 @@ class MEC_notifications extends MEC_base
296	$recipients = array_merge($user_roles, $recipients);
297
298	// Unique Recipients

299	$recipients = array_unique($recipients);
300
301	foreach($recipients as $recipient)
	@@ -429,6 +432,7 @@ class MEC_notifications extends MEC_base
429	$recipients = array_merge($user_roles, $recipients);
430
431	// Unique Recipients

432	$recipients = array_unique($recipients);
433
434	foreach($recipients as $recipient)
	@@ -560,6 +564,7 @@ class MEC_notifications extends MEC_base
560	$recipients = array_merge($user_roles, $recipients);
561
562	// Unique Recipients

563	$recipients = array_unique($recipients);
564
565	foreach($recipients as $recipient)
	@@ -651,6 +656,7 @@ class MEC_notifications extends MEC_base
651	$recipients = array_merge($user_roles, $recipients);
652
653	// Unique Recipients

654	$recipients = array_unique($recipients);
655
656	// Don't send the email to admin
	@@ -747,6 +753,7 @@ class MEC_notifications extends MEC_base
747	$recipients = array_merge($user_roles, $recipients);
748
749	// Unique Recipients

750	$recipients = array_unique($recipients);
751
752	foreach($recipients as $recipient)
	@@ -861,6 +868,7 @@ class MEC_notifications extends MEC_base
861	$recipients = array_merge($user_roles, $recipients);
862
863	// Unique Recipients

864	$recipients = array_unique($recipients);
865
866	if(is_null($to) and !count($recipients)) return false;
	@@ -883,6 +891,9 @@ class MEC_notifications extends MEC_base
883	$headers[] = 'CC: '.$recipient;
884	}
885



886	$message = (isset($this->notif_settings['new_event']['content']) and trim($this->notif_settings['new_event']['content'])) ? $this->notif_settings['new_event']['content'] : '';
887	$message = $this->get_content($message, 'new_event', $event_id);
888
	@@ -894,8 +905,8 @@ class MEC_notifications extends MEC_base
894	// Event Data
895	$message = str_replace('%%admin_link%%', $this->link(array('post_type'=>$event_PT), $this->main->URL('admin').'edit.php'), $message);
896	$message = str_replace('%%event_title%%', get_the_title($event_id), $message);
897	- $message = str_replace('%%event_start_date%%', $this->main->date_i18n(~~get_option('~~date_format'), strtotime(get_post_meta($event_id, 'mec_start_date', true))), $message);
898	- $message = str_replace('%%event_end_date%%', $this->main->date_i18n(~~get_option('~~date_format'), strtotime(get_post_meta($event_id, 'mec_end_date', true))), $message);
899	$message = str_replace('%%event_timezone%%', $this->main->get_timezone($event_id), $message);
900	$message = str_replace('%%event_status%%', $status, $message);
901	$message = str_replace('%%event_note%%', get_post_meta($event_id, 'mec_note', true), $message);
	@@ -1003,6 +1014,7 @@ class MEC_notifications extends MEC_base
1003	$recipients = array_merge($user_roles, $recipients);
1004
1005	// Unique Recipients

1006	$recipients = array_unique($recipients);
1007
1008	foreach($recipients as $recipient)
	@@ -1024,12 +1036,15 @@ class MEC_notifications extends MEC_base
1024	$message = str_replace('%%blog_url%%', get_bloginfo('url'), $message);
1025	$message = str_replace('%%blog_description%%', get_bloginfo('description'), $message);
1026



1027	// Event Data
1028	$message = str_replace('%%admin_link%%', $this->link(array('post_type'=>$event_PT), $this->main->URL('admin').'edit.php'), $message);
1029	$message = str_replace('%%event_title%%', get_the_title($post->ID), $message);
1030	$message = str_replace('%%event_link%%', get_post_permalink($post->ID), $message);
1031	- $message = str_replace('%%event_start_date%%', $this->main->date_i18n(~~get_option('~~date_format'), strtotime(get_post_meta($post->ID, 'mec_start_date', true))), $message);
1032	- $message = str_replace('%%event_end_date%%', $this->main->date_i18n(~~get_option('~~date_format'), strtotime(get_post_meta($post->ID, 'mec_end_date', true))), $message);
1033	$message = str_replace('%%event_timezone%%', $this->main->get_timezone($post->ID), $message);
1034	$message = str_replace('%%event_status%%', $status, $message);
1035	$message = str_replace('%%event_note%%', get_post_meta($post->ID, 'mec_note', true), $message);
	@@ -1126,6 +1141,7 @@ class MEC_notifications extends MEC_base
1126	$recipients = array_merge($user_roles, $recipients);
1127
1128	// Unique Recipients

1129	$recipients = array_unique($recipients);
1130
1131	foreach($recipients as $recipient)
	@@ -1218,6 +1234,7 @@ class MEC_notifications extends MEC_base
1218
1219	// DB
1220	$db = $this->getDB();

1221	/**
1222	* Get the data from Attendee instead of main booker user
1223	*/
	@@ -1247,6 +1264,7 @@ class MEC_notifications extends MEC_base
1247	$transaction_id = get_post_meta($book_id, 'mec_transaction_id', true);
1248	$transaction = $this->book->get_transaction($transaction_id);
1249

1250	$date_format = get_option('date_format');
1251	$time_format = get_option('time_format');
1252
	@@ -1394,8 +1412,8 @@ class MEC_notifications extends MEC_base
1394	$message = str_replace('%%event_link%%', $this->main->get_event_date_permalink(get_permalink($event_id), date('Y-m-d', $start_timestamp)), $message);
1395	$message = str_replace('%%event_more_info%%', esc_url(get_post_meta($event_id, 'mec_read_more', true)), $message);
1396	$message = str_replace('%%event_other_info%%', esc_url(get_post_meta($event_id, 'mec_more_info', true)), $message);
1397	- $message = str_replace('%%event_start_date%%', $this->main->date_i18n(~~get_option('~~date_format'), $start_timestamp), $message);
1398	- $message = str_replace('%%event_end_date%%', $this->main->date_i18n(~~get_option('~~date_format'), $end_timestamp), $message);
1399	$message = str_replace('%%event_timezone%%', $this->main->get_timezone($event_id), $message);
1400
1401	$online_link = MEC_feature_occurrences::param($event_id, $start_timestamp, 'moved_online_link', get_post_meta($event_id, 'mec_moved_online_link', true));


86	$recipients = array_merge($user_roles, $recipients);
87
88	// Unique Recipients
89	+ $recipients = array_map('trim', $recipients);
90	$recipients = array_unique($recipients);
91
92	foreach($recipients as $recipient)

189	$recipients = array_merge($user_roles, $recipients);
190
191	// Unique Recipients
192	+ $recipients = array_map('trim', $recipients);
193	$recipients = array_unique($recipients);
194
195	foreach($recipients as $recipient)

298	$recipients = array_merge($user_roles, $recipients);
299
300	// Unique Recipients
301	+ $recipients = array_map('trim', $recipients);
302	$recipients = array_unique($recipients);
303
304	foreach($recipients as $recipient)

432	$recipients = array_merge($user_roles, $recipients);
433
434	// Unique Recipients
435	+ $recipients = array_map('trim', $recipients);
436	$recipients = array_unique($recipients);
437
438	foreach($recipients as $recipient)

564	$recipients = array_merge($user_roles, $recipients);
565
566	// Unique Recipients
567	+ $recipients = array_map('trim', $recipients);
568	$recipients = array_unique($recipients);
569
570	foreach($recipients as $recipient)

656	$recipients = array_merge($user_roles, $recipients);
657
658	// Unique Recipients
659	+ $recipients = array_map('trim', $recipients);
660	$recipients = array_unique($recipients);
661
662	// Don't send the email to admin

753	$recipients = array_merge($user_roles, $recipients);
754
755	// Unique Recipients
756	+ $recipients = array_map('trim', $recipients);
757	$recipients = array_unique($recipients);
758
759	foreach($recipients as $recipient)

868	$recipients = array_merge($user_roles, $recipients);
869
870	// Unique Recipients
871	+ $recipients = array_map('trim', $recipients);
872	$recipients = array_unique($recipients);
873
874	if(is_null($to) and !count($recipients)) return false;

891	$headers[] = 'CC: '.$recipient;
892	}
893
894	+ // Date Format
895	+ $date_format = get_option('date_format');
896	+
897	$message = (isset($this->notif_settings['new_event']['content']) and trim($this->notif_settings['new_event']['content'])) ? $this->notif_settings['new_event']['content'] : '';
898	$message = $this->get_content($message, 'new_event', $event_id);
899

905	// Event Data
906	$message = str_replace('%%admin_link%%', $this->link(array('post_type'=>$event_PT), $this->main->URL('admin').'edit.php'), $message);
907	$message = str_replace('%%event_title%%', get_the_title($event_id), $message);
908	+ $message = str_replace('%%event_start_date%%', $this->main->date_i18n($date_format, strtotime(get_post_meta($event_id, 'mec_start_date', true))), $message);
909	+ $message = str_replace('%%event_end_date%%', $this->main->date_i18n($date_format, strtotime(get_post_meta($event_id, 'mec_end_date', true))), $message);
910	$message = str_replace('%%event_timezone%%', $this->main->get_timezone($event_id), $message);
911	$message = str_replace('%%event_status%%', $status, $message);
912	$message = str_replace('%%event_note%%', get_post_meta($event_id, 'mec_note', true), $message);

1014	$recipients = array_merge($user_roles, $recipients);
1015
1016	// Unique Recipients
1017	+ $recipients = array_map('trim', $recipients);
1018	$recipients = array_unique($recipients);
1019
1020	foreach($recipients as $recipient)

1036	$message = str_replace('%%blog_url%%', get_bloginfo('url'), $message);
1037	$message = str_replace('%%blog_description%%', get_bloginfo('description'), $message);
1038
1039	+ // Date Format
1040	+ $date_format = get_option('date_format');
1041	+
1042	// Event Data
1043	$message = str_replace('%%admin_link%%', $this->link(array('post_type'=>$event_PT), $this->main->URL('admin').'edit.php'), $message);
1044	$message = str_replace('%%event_title%%', get_the_title($post->ID), $message);
1045	$message = str_replace('%%event_link%%', get_post_permalink($post->ID), $message);
1046	+ $message = str_replace('%%event_start_date%%', $this->main->date_i18n($date_format, strtotime(get_post_meta($post->ID, 'mec_start_date', true))), $message);
1047	+ $message = str_replace('%%event_end_date%%', $this->main->date_i18n($date_format, strtotime(get_post_meta($post->ID, 'mec_end_date', true))), $message);
1048	$message = str_replace('%%event_timezone%%', $this->main->get_timezone($post->ID), $message);
1049	$message = str_replace('%%event_status%%', $status, $message);
1050	$message = str_replace('%%event_note%%', get_post_meta($post->ID, 'mec_note', true), $message);

1141	$recipients = array_merge($user_roles, $recipients);
1142
1143	// Unique Recipients
1144	+ $recipients = array_map('trim', $recipients);
1145	$recipients = array_unique($recipients);
1146
1147	foreach($recipients as $recipient)

1234
1235	// DB
1236	$db = $this->getDB();
1237	+
1238	/**
1239	* Get the data from Attendee instead of main booker user
1240	*/

1264	$transaction_id = get_post_meta($book_id, 'mec_transaction_id', true);
1265	$transaction = $this->book->get_transaction($transaction_id);
1266
1267	+ // Date & Time Format
1268	$date_format = get_option('date_format');
1269	$time_format = get_option('time_format');
1270

1412	$message = str_replace('%%event_link%%', $this->main->get_event_date_permalink(get_permalink($event_id), date('Y-m-d', $start_timestamp)), $message);
1413	$message = str_replace('%%event_more_info%%', esc_url(get_post_meta($event_id, 'mec_read_more', true)), $message);
1414	$message = str_replace('%%event_other_info%%', esc_url(get_post_meta($event_id, 'mec_more_info', true)), $message);
1415	+ $message = str_replace('%%event_start_date%%', $this->main->date_i18n($date_format, $start_timestamp), $message);
1416	+ $message = str_replace('%%event_end_date%%', $this->main->date_i18n($date_format, $end_timestamp), $message);
1417	$message = str_replace('%%event_timezone%%', $this->main->get_timezone($event_id), $message);
1418
1419	$online_link = MEC_feature_occurrences::param($event_id, $start_timestamp, 'moved_online_link', get_post_meta($event_id, 'mec_moved_online_link', true));

app/libraries/render.php CHANGED Viewed

	@@ -51,6 +51,8 @@ class MEC_render extends MEC_base
51	public function shortcode($atts)
52	{
53	$calendar_id = isset($atts['id']) ? $atts['id'] : 0;


54	$atts = apply_filters('mec_calendar_atts', $this->parse($calendar_id, $atts));
55
56	$skin = isset($atts['skin']) ? $atts['skin'] : $this->get_default_layout();
	@@ -273,9 +275,11 @@ class MEC_render extends MEC_base
273	* @param array $atts
274	* @return string
275	*/
276	- public function vcustom($atts)
277	{
278	- ~~if(isset(~~$~~this->settings['custom_archive'])~~ && ~~!empty($this->settings[~~'~~custom_archive~~'~~])) return do_shortcode($this->settings['custom_archive'])~~;


279	}
280
281	/**
	@@ -381,19 +385,6 @@ class MEC_render extends MEC_base
381	$grid_skin = (isset($this->settings['grid_category_skin']) and trim($this->settings['grid_category_skin']) != '') ? $this->settings['grid_category_skin'] : 'classic';
382	$timetable_skin = (isset($this->settings['timetable_category_skin']) and trim($this->settings['timetable_category_skin']) != '') ? $this->settings['timetable_category_skin'] : 'modern';
383
384	- if($skin == 'custom')
385	- {
386	- $category_custom_shortcode = (isset($this->settings['custom_archive_category']) and trim($this->settings['custom_archive_category']) != '') ? trim(stripslashes($this->settings['custom_archive_category'])) : '';
387	- $category_custom_shortcode = str_replace(']', ' ]', $category_custom_shortcode);
388	- $shortcode_params = shortcode_parse_atts($category_custom_shortcode);
389	-
390	- if(is_array($shortcode_params) and isset($shortcode_params['id']))
391	- {
392	- $atts = $this->parse($shortcode_params['id'], $atts);
393	- $skin = isset($atts['skin']) ? $atts['skin'] : '';
394	- }
395	- }
396	-
397	if($skin == 'full_calendar') $content = $this->vfull($atts);
398	elseif($skin == 'yearly_view') $content = $this->vyear($atts);
399	elseif($skin == 'masonry') $content = $this->vmasonry($atts);
	@@ -405,6 +396,7 @@ class MEC_render extends MEC_base
405	elseif($skin == 'grid') $content = $this->vgrid(array_merge($atts, array('sk-options'=>array('grid'=>array('style'=>$grid_skin)))));
406	elseif($skin == 'agenda') $content = $this->vagenda($atts);
407	elseif($skin == 'map') $content = $this->vmap($atts);

408	else $content = apply_filters('mec_default_skin_content', '');
409
410	return $content;
	@@ -980,7 +972,7 @@ class MEC_render extends MEC_base
980
981	// Check if date interval is negative (It means the event didn't start yet)
982	if($date_interval and $date_interval->invert == 1) $remained_days_to_next_repeat = $passed_days;
983	- else $remained_days_to_next_repeat = $repeat_interval - ($passed_days%$repeat_interval);
984
985	$start_date = date('Y-m-d', strtotime('+'.$remained_days_to_next_repeat.' Days', strtotime($today)));
986	if(!$this->main->is_past($finish_date['date'], $start_date) and !in_array($start_date, $exceptional_days)) $dates[] = $this->add_timestamps(array(


51	public function shortcode($atts)
52	{
53	$calendar_id = isset($atts['id']) ? $atts['id'] : 0;
54	+ global $MEC_Shortcode_id;
55	+ $MEC_Shortcode_id = $calendar_id;
56	$atts = apply_filters('mec_calendar_atts', $this->parse($calendar_id, $atts));
57
58	$skin = isset($atts['skin']) ? $atts['skin'] : $this->get_default_layout();

275	* @param array $atts
276	* @return string
277	*/
278	+ public function vcustom($atts,$type = 'archive')
279	{
280	+ $k = 'custom_'.$type;
281	+
282	+ if(isset($this->settings[$k]) && !empty($this->settings[$k])) return do_shortcode(stripslashes($this->settings[$k]));
283	}
284
285	/**

385	$grid_skin = (isset($this->settings['grid_category_skin']) and trim($this->settings['grid_category_skin']) != '') ? $this->settings['grid_category_skin'] : 'classic';
386	$timetable_skin = (isset($this->settings['timetable_category_skin']) and trim($this->settings['timetable_category_skin']) != '') ? $this->settings['timetable_category_skin'] : 'modern';
387













388	if($skin == 'full_calendar') $content = $this->vfull($atts);
389	elseif($skin == 'yearly_view') $content = $this->vyear($atts);
390	elseif($skin == 'masonry') $content = $this->vmasonry($atts);

396	elseif($skin == 'grid') $content = $this->vgrid(array_merge($atts, array('sk-options'=>array('grid'=>array('style'=>$grid_skin)))));
397	elseif($skin == 'agenda') $content = $this->vagenda($atts);
398	elseif($skin == 'map') $content = $this->vmap($atts);
399	+ elseif($skin == 'custom') $content = $this->vcustom($atts,'archive_category');
400	else $content = apply_filters('mec_default_skin_content', '');
401
402	return $content;

972
973	// Check if date interval is negative (It means the event didn't start yet)
974	if($date_interval and $date_interval->invert == 1) $remained_days_to_next_repeat = $passed_days;
975	+ else $remained_days_to_next_repeat = $repeat_interval - fmod($passed_days, $repeat_interval);
976
977	$start_date = date('Y-m-d', strtotime('+'.$remained_days_to_next_repeat.' Days', strtotime($today)));
978	if(!$this->main->is_past($finish_date['date'], $start_date) and !in_array($start_date, $exceptional_days)) $dates[] = $this->add_timestamps(array(

app/libraries/schedule.php CHANGED Viewed

	@@ -70,6 +70,9 @@ class MEC_schedule extends MEC_base
70	$public = get_post_meta($event_id, 'mec_public', true);
71	if(trim($public) === '') $public = 1;
72



73	foreach($dates as $date)
74	{
75	$sd = $date['start']['date'];


70	$public = get_post_meta($event_id, 'mec_public', true);
71	if(trim($public) === '') $public = 1;
72
73	+ // Create Public Column If Not Exists
74	+ if(!$this->db->columns('mec_dates', 'public')) $this->db->q("ALTER TABLE `#__mec_dates` ADD `public` INT(4) UNSIGNED NOT NULL DEFAULT 1 AFTER `tend`;");
75	+
76	foreach($dates as $date)
77	{
78	$sd = $date['start']['date'];

app/libraries/skins.php CHANGED Viewed

@@ -761,7 +761,7 @@ class MEC_skins extends MEC_base
                     $dates = $this->period($start, $end, true);
                     // Limit
-            -
                    $this->args['posts_per_page'] = 1000;
                     $dates = apply_filters('mec_event_dates_search', $dates, $start, $end, $this);
                     $i = 0;
@@ -1486,4 +1486,44 @@ class MEC_skins extends MEC_base
                     $target = apply_filters('mec_event_link_change_target' , $target, $event->data->ID);
                     return '<a '.($class ? 'class="'.$class.'"' : '').' '.($attributes ? $attributes : '').' data-event-id="'.$event->data->ID.'" href="'.$this->main->get_event_date_permalink($event, $event->date['start']['date']).'" '.$target.'>'.$title.'</a>';
+                }
+            }


761	$dates = $this->period($start, $end, true);
762
763	// Limit
764	+ $this->args['posts_per_page'] = apply_filters('mec_skins_search_posts_per_page', 100);
765	$dates = apply_filters('mec_event_dates_search', $dates, $start, $end, $this);
766
767	$i = 0;

1486	$target = apply_filters('mec_event_link_change_target' , $target, $event->data->ID);
1487	return '<a '.($class ? 'class="'.$class.'"' : '').' '.($attributes ? $attributes : '').' data-event-id="'.$event->data->ID.'" href="'.$this->main->get_event_date_permalink($event, $event->date['start']['date']).'" '.$target.'>'.$title.'</a>';
1488	}
1489	+
1490	+ public function get_end_date()
1491	+ {
1492	+ $end_date_type = (isset($this->skin_options['end_date_type']) and trim($this->skin_options['end_date_type'])) ? trim($this->skin_options['end_date_type']) : 'date';
1493	+
1494	+ if($end_date_type === 'today') $maximum_date = current_time('Y-m-d');
1495	+ elseif($end_date_type === 'tomorrow') $maximum_date = date('Y-m-d', strtotime('Tomorrow'));
1496	+ else $maximum_date = (isset($this->skin_options['maximum_date_range']) and trim($this->skin_options['maximum_date_range'])) ? trim($this->skin_options['maximum_date_range']) : NULL;
1497	+
1498	+ return $maximum_date;
1499	+ }
1500	+
1501	+ public function get_label_caption($event)
1502	+ {
1503	+ $label_style = '';
1504	+ if(isset($event->data->labels) and is_array($event->data->labels) and count($event->data->labels))
1505	+ {
1506	+ foreach($event->data->labels as $label)
1507	+ {
1508	+ if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
1509	+
1510	+ if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
1511	+ elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
1512	+ elseif($label['style'] == 'mec-label-custom' and isset($label['name']) and trim($label['name'])) $label_style = esc_html__($label['name'] , 'modern-events-calendar-lite');
1513	+ }
1514	+ }
1515	+
1516	+ return $label_style;
1517	+ }
1518	+
1519	+ public function get_label_caption_color($event)
1520	+ {
1521	+ $color = '';
1522	+ if(isset($event->data->labels) and is_array($event->data->labels) and count($event->data->labels))
1523	+ {
1524	+ foreach($event->data->labels as $label) if(isset($label['color']) and trim($label['color'])) $color = $label['color'];
1525	+ }
1526	+
1527	+ return $color;
1528	+ }
1529	}

app/libraries/syncSchedule.php CHANGED Viewed

	@@ -40,11 +40,5 @@ class MEC_syncSchedule extends MEC_base
40	$sync_meetup_import = MEC_ABSPATH.'app'.DS.'crons'.DS.'meetup-import.php';
41	include_once $sync_meetup_import;
42	}
43	-
44	- if(isset($notifications['booking_reminder']) and $notifications['booking_reminder']['status'])
45	- {
46	- $booking_reminder = MEC_ABSPATH.'app'.DS.'crons'.DS.'booking-reminder.php';
47	- include_once $booking_reminder;
48	- }
49	}
50	}


40	$sync_meetup_import = MEC_ABSPATH.'app'.DS.'crons'.DS.'meetup-import.php';
41	include_once $sync_meetup_import;
42	}






43	}
44	}

app/libraries/user.php CHANGED Viewed

@@ -93,6 +93,22 @@ class MEC_user extends MEC_base
                         update_user_meta($user_id, 'mec_name', $name);
                         update_user_meta($user_id, 'mec_reg', $reg);
                         // Set the User Role
                         $role = (isset($this->settings['booking_user_role']) and trim($this->settings['booking_user_role'])) ? $this->settings['booking_user_role'] : 'subscriber';


93	update_user_meta($user_id, 'mec_name', $name);
94	update_user_meta($user_id, 'mec_reg', $reg);
95
96	+ // Map Data
97	+ $event_id = (isset($args['event_id']) ? $args['event_id'] : 0);
98	+ if($event_id)
99	+ {
100	+ $reg_fields = $this->main->get_reg_fields($event_id);
101	+
102	+ foreach($reg as $reg_id => $reg_value)
103	+ {
104	+ $reg_field = (isset($reg_fields[$reg_id]) ? $reg_fields[$reg_id] : array());
105	+ if(isset($reg_field['mapping']) and trim($reg_field['mapping']))
106	+ {
107	+ update_user_meta($user_id, $reg_field['mapping'], (is_array($reg_value) ? implode(',', $reg_value) : $reg_value));
108	+ }
109	+ }
110	+ }
111	+
112	// Set the User Role
113	$role = (isset($this->settings['booking_user_role']) and trim($this->settings['booking_user_role'])) ? $this->settings['booking_user_role'] : 'subscriber';
114

app/modules/booking/steps/form.php CHANGED Viewed

	@@ -1,5 +1,4 @@
1	<?php
2	-
3	/ no direct access /
4	defined('MECEXEC') or die();
5
	@@ -72,6 +71,10 @@ if(!$mec_email)
72	'label' => esc_html__('Email', 'modern-events-calendar-lite'),
73	);
74	}




75	?>
76	<form id="mec_book_form<?php echo $uniqueid; ?>" class="mec-booking-form-container row" onsubmit="mec_book_form_submit(event, <?php echo $uniqueid; ?>);" novalidate="novalidate" enctype="multipart/form-data" method="post">
77	<h4><?php echo apply_filters('mec-booking-attendees-title', __('Attendee\'s Form', 'modern-events-calendar-lite'), $event_id) ?></h4>
	@@ -344,7 +347,7 @@ if(!$mec_email)
344	<input type="hidden" name="uniqueid" value="<?php echo $uniqueid; ?>" />
345	<input type="hidden" name="step" value="2" />
346	<?php wp_nonce_field('mec_book_form_' . $event_id); ?>
347	- <div class="mec-book-form-btn-wrap">
348	<button id="mec-book-form-back-btn-step-2" class="mec-book-form-back-button" type="button" onclick="mec_book_form_back_btn_click(this);"><?php _e('Back', 'modern-events-calendar-lite'); ?></button>
349	<button id="mec-book-form-btn-step-2" class="mec-book-form-next-button" type="submit" onclick="mec_book_form_back_btn_cache(this, <?php echo $uniqueid; ?>);"><?php echo ($WC_status ? __('Add to Cart', 'modern-events-calendar-lite') : ((!$total_ticket_prices and !$has_fees and !$has_variations && $check_free_tickets_booking) ? __('Submit', 'modern-events-calendar-lite') : __('Next', 'modern-events-calendar-lite'))); ?></button>
350	</div>


1	<?php

2	/ no direct access /
3	defined('MECEXEC') or die();
4

71	'label' => esc_html__('Email', 'modern-events-calendar-lite'),
72	);
73	}
74	+
75	+ if(isset($reg_fields['form_style_url'])){
76	+ wp_enqueue_style('mec-form-style',$reg_fields['form_style_url'],null,'1.0.0');
77	+ }
78	?>
79	<form id="mec_book_form<?php echo $uniqueid; ?>" class="mec-booking-form-container row" onsubmit="mec_book_form_submit(event, <?php echo $uniqueid; ?>);" novalidate="novalidate" enctype="multipart/form-data" method="post">
80	<h4><?php echo apply_filters('mec-booking-attendees-title', __('Attendee\'s Form', 'modern-events-calendar-lite'), $event_id) ?></h4>

347	<input type="hidden" name="uniqueid" value="<?php echo $uniqueid; ?>" />
348	<input type="hidden" name="step" value="2" />
349	<?php wp_nonce_field('mec_book_form_' . $event_id); ?>
350	+ <div class="mec-book-form-btn-wrap" style="overflow: hidden;">
351	<button id="mec-book-form-back-btn-step-2" class="mec-book-form-back-button" type="button" onclick="mec_book_form_back_btn_click(this);"><?php _e('Back', 'modern-events-calendar-lite'); ?></button>
352	<button id="mec-book-form-btn-step-2" class="mec-book-form-next-button" type="submit" onclick="mec_book_form_back_btn_cache(this, <?php echo $uniqueid; ?>);"><?php echo ($WC_status ? __('Add to Cart', 'modern-events-calendar-lite') : ((!$total_ticket_prices and !$has_fees and !$has_variations && $check_free_tickets_booking) ? __('Submit', 'modern-events-calendar-lite') : __('Next', 'modern-events-calendar-lite'))); ?></button>
353	</div>

app/modules/export/details.php CHANGED Viewed

	@@ -55,18 +55,21 @@ if($allday)
55	$start_time = strtotime((trim($occurrence) ? $occurrence : $start_date_temp).' '.sprintf("%02d", $start_hour_temp).':'.sprintf("%02d", $start_minutes_temp).' '.$start_ampm_temp);
56	$end_time = strtotime((trim($occurrence_end_date) ? $occurrence_end_date : $end_date_temp).' '.sprintf("%02d", $end_hour_temp).':'.sprintf("%02d", $end_minutes_temp).' '.$end_ampm_temp);
57	$gmt_offset_seconds = $this->get_gmt_offset_seconds($start_time, $event);




58	$description = "$content $location";
59
60	ob_start();
61	- do_action('mec_add_to_calander_event_description', $event);
62	$description .= html_entity_decode(ob_get_clean());
63	-
64	?>
65	<div class="mec-event-export-module mec-frontbox">
66	<div class="mec-event-exporting">
67	<div class="mec-export-details">
68	<ul>
69	- <?php if($settings['sn']['googlecal']): ?><li><a class="mec-events-gcal mec-events-button mec-color mec-bg-color-hover mec-border-color" href="https://www.google.com/calendar/event?action=TEMPLATE&text=<?php echo urlencode($title); ?>&dates=<?php echo gmdate('Ymd\\THi00\\Z', ($start_time - $gmt_offset_seconds)); ?>/<?php echo gmdate('Ymd\\THi00\\Z', ($end_time - $gmt_offset_seconds)); ?>&details=<?php echo urlencode($description); ?>" target="_blank"><?php echo __('+ Add to Google Calendar', 'modern-events-calendar-lite'); ?></a></li><?php endif; ?>
70	<?php if($settings['sn']['ical']): ?><li><a class="mec-events-gcal mec-events-button mec-color mec-bg-color-hover mec-border-color" href="<?php echo $this->ical_URL($event->data->ID, $occurrence); ?>"><?php echo __('+ iCal / Outlook export', 'modern-events-calendar-lite'); ?></a></li><?php endif; ?>
71	</ul>
72	</div>


55	$start_time = strtotime((trim($occurrence) ? $occurrence : $start_date_temp).' '.sprintf("%02d", $start_hour_temp).':'.sprintf("%02d", $start_minutes_temp).' '.$start_ampm_temp);
56	$end_time = strtotime((trim($occurrence_end_date) ? $occurrence_end_date : $end_date_temp).' '.sprintf("%02d", $end_hour_temp).':'.sprintf("%02d", $end_minutes_temp).' '.$end_ampm_temp);
57	$gmt_offset_seconds = $this->get_gmt_offset_seconds($start_time, $event);
58	+
59	+ // Recurring Rules
60	+ $rrule = $this->get_ical_rrules($event->data, true);
61	+
62	$description = "$content $location";
63
64	ob_start();
65	+ do_action('mec_add_to_calander_event_description', $event);
66	$description .= html_entity_decode(ob_get_clean());

67	?>
68	<div class="mec-event-export-module mec-frontbox">
69	<div class="mec-event-exporting">
70	<div class="mec-export-details">
71	<ul>
72	+ <?php if($settings['sn']['googlecal']): ?><li><a class="mec-events-gcal mec-events-button mec-color mec-bg-color-hover mec-border-color" href="https://www.google.com/calendar/event?action=TEMPLATE&text=<?php echo urlencode($title); ?>&dates=<?php echo gmdate('Ymd\\THi00\\Z', ($start_time - $gmt_offset_seconds)); ?>/<?php echo gmdate('Ymd\\THi00\\Z', ($end_time - $gmt_offset_seconds)); ?>&details=<?php echo urlencode($description); ?><?php echo (trim($rrule) ? '&recur='.urlencode($rrule) : ''); ?>" target="_blank"><?php echo __('+ Add to Google Calendar', 'modern-events-calendar-lite'); ?></a></li><?php endif; ?>
73	<?php if($settings['sn']['ical']): ?><li><a class="mec-events-gcal mec-events-button mec-color mec-bg-color-hover mec-border-color" href="<?php echo $this->ical_URL($event->data->ID, $occurrence); ?>"><?php echo __('+ iCal / Outlook export', 'modern-events-calendar-lite'); ?></a></li><?php endif; ?>
74	</ul>
75	</div>

app/modules/local-time/type2.php CHANGED Viewed

@@ -23,8 +23,29 @@ $time_format = get_option('time_format', 'H:i');
             $gmt_offset_seconds = $this->get_gmt_offset_seconds($event->date['start']['date'], $event);
-            -
            $gmt_start_time = strtotime($event->date['start']['date'].' '.$start_time) - $gmt_offset_seconds;
-            -
            $gmt_end_time = strtotime($event->date['end']['date'].' '.$end_time) - $gmt_offset_seconds;
             $user_timezone = new DateTimeZone($timezone);
             $gmt_timezone = new DateTimeZone('GMT');


23
24	$gmt_offset_seconds = $this->get_gmt_offset_seconds($event->date['start']['date'], $event);
25
26	+ /**
27	+ * TODO: Convert to class
28	+ */
29	+ $event_id = $event->ID;
30	+ global $MEC_Events_dates,$MEC_Events_dates_localtime;
31	+ if(empty($MEC_Events_dates_localtime)){
32	+
33	+ $MEC_Events_dates_localtime = $MEC_Events_dates;
34	+ }
35	+
36	+ $dates = array();
37	+
38	+ if(is_array($MEC_Events_dates_localtime[$event_id])){
39	+
40	+ $k = array_key_first($MEC_Events_dates_localtime[$event_id]);
41	+ $dates = $MEC_Events_dates_localtime[$event_id][$k] ?? null;
42	+ unset($MEC_Events_dates_localtime[$event_id][$k]);
43	+ }
44	+ $start_date = $dates['start']['date'] ?? get_option( 'mec_sd_time_option' );
45	+ $end_date = $dates['start']['date'] ?? get_option( 'mec_esd_time_option' );
46	+ //
47	+ $gmt_start_time = strtotime($start_date.' '.$start_time) - $gmt_offset_seconds;
48	+ $gmt_end_time = strtotime($end_date.' '.$end_time) - $gmt_offset_seconds;
49
50	$user_timezone = new DateTimeZone($timezone);
51	$gmt_timezone = new DateTimeZone('GMT');

app/skins/agenda.php CHANGED Viewed

	@@ -148,7 +148,7 @@ class MEC_skin_agenda extends MEC_skins
148	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
149
150	// Maximum Date Range.
151	- $this->maximum_date_range = ~~(isset(~~$this->~~skin_options['maximum_date_range']) and trim~~(~~$this->skin_options['maximum_date_range']~~)~~) ? trim($this->skin_options['maximum_date_range']) : NULL~~;
152
153	// Show Past Events
154	if($this->show_only_expired_events)


148	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
149
150	// Maximum Date Range.
151	+ $this->maximum_date_range = $this->get_end_date();
152
153	// Show Past Events
154	if($this->show_only_expired_events)

app/skins/agenda/render.php CHANGED Viewed

	@@ -32,17 +32,9 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
32	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
33	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
34
35	- ~~$label_style~~ = ~~'';~~
36	- if(~~!empty(~~$event~~->data->labels~~))
37	- {
38	- foreach($event->data->labels as $label)
39	- {
40	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
41	-
42	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
43	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
44	- }
45	- }
46
47	// MEC Schema
48	do_action('mec_schema', $event);
	@@ -62,7 +54,7 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
62	<span class="mec-agenda-event-title">
63	<?php echo $this->display_link($event); ?>
64	<?php echo $this->main->get_flags($event).$event_color; ?>
65	- <?php if(!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?>
66	<?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
67	<?php echo $this->booking_button($event); ?>
68	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>


32	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
33	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
34
35	+ // Label Caption
36	+ $label_style = $this->get_label_caption($event);
37	+ $label_color = $this->get_label_caption_color($event);








38
39	// MEC Schema
40	do_action('mec_schema', $event);

54	<span class="mec-agenda-event-title">
55	<?php echo $this->display_link($event); ?>
56	<?php echo $this->main->get_flags($event).$event_color; ?>
57	+ <?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?>
58	<?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
59	<?php echo $this->booking_button($event); ?>
60	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>

app/skins/available_spot/tpl.php CHANGED Viewed

	@@ -46,16 +46,9 @@ else
46
47	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
48
49	- ~~$label_style~~ = ~~'';~~
50	- if(~~!empty(~~$event~~->data->labels~~))
51	- {
52	- foreach($event->data->labels as $label)
53	- {
54	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
55	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured', 'modern-events-calendar-lite');
56	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled', 'modern-events-calendar-lite');
57	- }
58	- }
59
60	$start_time = date('D M j Y G:i:s', strtotime($start_date.' '.date('H:i:s', strtotime($event_time))));
61	$end_time = date('D M j Y G:i:s', strtotime($end_date.' '.date('H:i:s', strtotime($event_etime))));
	@@ -129,7 +122,7 @@ do_action('mec_available_spot_skin_head');
129	do_action('mec_schema', $event);
130	?>
131	<div class="mec-av-spot">
132	- <article data-style="<?php echo $label_style; ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article mec-clear <?php echo $this->get_event_classes($event); ?>">
133
134	<?php if($event_thumb_url): ?>
135	<div class="mec-av-spot-img" style="background: url('<?php echo $event_thumb_url; ?>');"></div>


46
47	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
48
49	+ // Label Caption
50	+ $label_style = $this->get_label_caption($event);
51	+ $label_color = $this->get_label_caption_color($event);







52
53	$start_time = date('D M j Y G:i:s', strtotime($start_date.' '.date('H:i:s', strtotime($event_time))));
54	$end_time = date('D M j Y G:i:s', strtotime($end_date.' '.date('H:i:s', strtotime($event_etime))));

122	do_action('mec_schema', $event);
123	?>
124	<div class="mec-av-spot">
125	+ <article data-style="<?php echo $label_style; ?>" data-color="<?php echo esc_attr($label_color); ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article mec-clear <?php echo $this->get_event_classes($event); ?>">
126
127	<?php if($event_thumb_url): ?>
128	<div class="mec-av-spot-img" style="background: url('<?php echo $event_thumb_url; ?>');"></div>

app/skins/carousel/render.php CHANGED Viewed

	@@ -32,18 +32,11 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
32	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
33	$multiple_date = ($event_start_date != $event_end_date) ? 'mec-multiple-event' : '';
34
35	- ~~$label_style~~ = ~~'';~~
36	- if(~~!empty(~~$event~~->data->labels~~))
37	- {
38	- foreach($event->data->labels as $label)
39	- {
40	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
41	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured', 'modern-events-calendar-lite');
42	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled', 'modern-events-calendar-lite');
43	- }
44	- }
45	?>
46	- <article data-style="<?php echo $label_style; ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article <?php echo $multiple_date; ?> mec-clear <?php echo $this->get_event_classes($event); ?>" itemscope>
47	<?php do_action('mec_schema', $event); // MEC Schema ?>
48	<?php if($this->style == 'type1'): ?>
49	<div class="event-carousel-type1-head clearfix">
	@@ -165,7 +158,7 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
165	</div>
166	<?php if($this->include_events_times) echo $this->main->display_time($start_time, $end_time); ?>
167	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>
168	- <h4 class="mec-event-title"><?php echo $event->data->title.$this->main->get_flags($event).$event_color; ?><?php if(!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; ?></h4>
169	<?php echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID); ?>
170	<div class="mec-btn-wrapper"><?php echo $this->display_link($event, ($this->main->m('event_detail', __('EVENT DETAIL', 'modern-events-calendar-lite'))), 'mec-event-button'); ?><?php echo $this->booking_button($event); ?></div>
171	</div>


32	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
33	$multiple_date = ($event_start_date != $event_end_date) ? 'mec-multiple-event' : '';
34
35	+ // Label Caption
36	+ $label_style = $this->get_label_caption($event);
37	+ $label_color = $this->get_label_caption_color($event);







38	?>
39	+ <article data-style="<?php echo $label_style; ?>" data-color="<?php echo esc_attr($label_color); ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article <?php echo $multiple_date; ?> mec-clear <?php echo $this->get_event_classes($event); ?>" itemscope>
40	<?php do_action('mec_schema', $event); // MEC Schema ?>
41	<?php if($this->style == 'type1'): ?>
42	<div class="event-carousel-type1-head clearfix">

158	</div>
159	<?php if($this->include_events_times) echo $this->main->display_time($start_time, $end_time); ?>
160	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>
161	+ <h4 class="mec-event-title"><?php echo $event->data->title.$this->main->get_flags($event).$event_color; ?><?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; ?></h4>
162	<?php echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID); ?>
163	<div class="mec-btn-wrapper"><?php echo $this->display_link($event, ($this->main->m('event_detail', __('EVENT DETAIL', 'modern-events-calendar-lite'))), 'mec-event-button'); ?><?php echo $this->booking_button($event); ?></div>
164	</div>

app/skins/countdown/tpl.php CHANGED Viewed

	@@ -24,23 +24,9 @@ $event_organizer = isset($event->data->organizers[$event->data->meta['mec_organi
24	$event_date = (isset($event->date['start']) ? $event->date['start']['date'] : $event->data->meta['mec_start_date']);
25	$event_title = $event->data->title;
26
27	- ~~$label_style~~ = ~~'';~~
28	- if(~~!empty(~~$event~~->data->labels~~))
29	- {
30	- foreach($event->data->labels as $label)
31	- {
32	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
33	-
34	- if($label['style'] == 'mec-label-featured')
35	- {
36	- $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
37	- }
38	- elseif($label['style'] == 'mec-label-canceled')
39	- {
40	- $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
41	- }
42	- }
43	- }
44
45	$start_date = (isset($event->date['start']) and isset($event->date['start']['date'])) ? $event->date['start']['date'] : date('Y-m-d H:i:s');
46	$end_date = (isset($event->date['end']) and isset($event->date['end']['date'])) ? $event->date['end']['date'] : date('Y-m-d H:i:s');
	@@ -122,7 +108,7 @@ do_action('mec_countdown_skin_head');
122	<article class="mec-event-countdown-style1 col-md-12 <?php echo $this->get_event_classes($event); ?>">
123	<div class="mec-event-countdown-part1 col-md-4">
124	<div class="mec-event-upcoming"><?php echo sprintf(__('%s Upcoming Event', 'modern-events-calendar-lite'), '<span>'.__('Next', 'modern-events-calendar-lite').'</span>'); ?></div>
125	- <h4 class="mec-event-title"><?php echo $event_title.$this->main->get_flags($event); ?><?php if (!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; ?></h4>
126	<?php echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
127	</div>
128	<div class="mec-event-countdown-part2 col-md-5">
	@@ -168,7 +154,7 @@ do_action('mec_countdown_skin_head');
168	<article class="mec-event-countdown-style2 <?php echo $this->get_event_classes($event); ?>">
169	<div class="mec-event-countdown-part1 col-md-4">
170	<div class="mec-event-upcoming"><?php echo sprintf(__('%s Upcoming Event', 'modern-events-calendar-lite'), '<span>'.__('Next', 'modern-events-calendar-lite').'</span>'); ?></div>
171	- <h4 class="mec-event-title"><?php echo $event_title.$this->main->get_flags($event); ?><?php if (!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; ?></h4>
172	<?php echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
173	</div>
174	<div class="mec-event-countdown-part2 col-md-5">
	@@ -224,7 +210,7 @@ do_action('mec_countdown_skin_head');
224	<span class="mec-date3"><?php echo $this->main->date_i18n($this->date_format_style33, strtotime($event_date)); ?></span>
225	</div>
226	<div class="mec-event-title-link">
227	- <h4 class="mec-event-title"><?php echo $event_title.$this->main->get_flags($event); ?><?php if (!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
228	<?php echo $this->display_link($event, $this->main->m('event_detail', __('EVENT DETAIL', 'modern-events-calendar-lite')), 'mec-event-link'); ?>
229	</div>
230	<div class="mec-event-countdown" id="mec_skin_countdown<?php echo $this->id; ?>">


24	$event_date = (isset($event->date['start']) ? $event->date['start']['date'] : $event->data->meta['mec_start_date']);
25	$event_title = $event->data->title;
26
27	+ // Label Caption
28	+ $label_style = $this->get_label_caption($event);
29	+ $label_color = $this->get_label_caption_color($event);














30
31	$start_date = (isset($event->date['start']) and isset($event->date['start']['date'])) ? $event->date['start']['date'] : date('Y-m-d H:i:s');
32	$end_date = (isset($event->date['end']) and isset($event->date['end']['date'])) ? $event->date['end']['date'] : date('Y-m-d H:i:s');

108	<article class="mec-event-countdown-style1 col-md-12 <?php echo $this->get_event_classes($event); ?>">
109	<div class="mec-event-countdown-part1 col-md-4">
110	<div class="mec-event-upcoming"><?php echo sprintf(__('%s Upcoming Event', 'modern-events-calendar-lite'), '<span>'.__('Next', 'modern-events-calendar-lite').'</span>'); ?></div>
111	+ <h4 class="mec-event-title"><?php echo $event_title.$this->main->get_flags($event); ?><?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; ?></h4>
112	<?php echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
113	</div>
114	<div class="mec-event-countdown-part2 col-md-5">

154	<article class="mec-event-countdown-style2 <?php echo $this->get_event_classes($event); ?>">
155	<div class="mec-event-countdown-part1 col-md-4">
156	<div class="mec-event-upcoming"><?php echo sprintf(__('%s Upcoming Event', 'modern-events-calendar-lite'), '<span>'.__('Next', 'modern-events-calendar-lite').'</span>'); ?></div>
157	+ <h4 class="mec-event-title"><?php echo $event_title.$this->main->get_flags($event); ?><?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; ?></h4>
158	<?php echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
159	</div>
160	<div class="mec-event-countdown-part2 col-md-5">

210	<span class="mec-date3"><?php echo $this->main->date_i18n($this->date_format_style33, strtotime($event_date)); ?></span>
211	</div>
212	<div class="mec-event-title-link">
213	+ <h4 class="mec-event-title"><?php echo $event_title.$this->main->get_flags($event); ?><?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
214	<?php echo $this->display_link($event, $this->main->m('event_detail', __('EVENT DETAIL', 'modern-events-calendar-lite')), 'mec-event-link'); ?>
215	</div>
216	<div class="mec-event-countdown" id="mec_skin_countdown<?php echo $this->id; ?>">

app/skins/cover/tpl.php CHANGED Viewed

	@@ -26,16 +26,9 @@ $event_thumb = $event->data->thumbnails['large'];
26	$event_thumb_url = $event->data->featured_image['large'];
27	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
28
29	- ~~$label_style~~ = ~~'';~~
30	- if(~~!empty(~~$event~~->data->labels~~))
31	- {
32	- foreach($event->data->labels as $label)
33	- {
34	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
35	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
36	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
37	- }
38	- }
39
40	do_action('mec_start_skin', $this->id);
41	do_action('mec_cover_skin_head');
	@@ -50,7 +43,7 @@ do_action('mec_cover_skin_head');
50	<a href="<?php echo $event_link; ?>" class="mec-event-cover-a">
51	<div class="mec-event-overlay mec-bg-color"></div>
52	<div class="mec-event-detail">
53	- <?php if(empty($label_style)) echo '<div class="mec-event-tag mec-color">' . __('featured event', 'modern-events-calendar-lite') . ' </div>'; else echo '<span class="mec-fc-style">'.$label_style.'</span>'; ?>
54	<div class="mec-event-date"><?php echo $this->main->date_i18n($this->date_format_modern1, strtotime($event_date)).((isset($event->data->time) and trim($event->data->time['start'])) ? ' - '.$event->data->time['start'] : ''); ?></div>
55	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>
56	<h4 class="mec-event-title"><?php echo $event->data->title.$this->main->get_flags($event).$event_color; ?></h4>
	@@ -70,12 +63,12 @@ do_action('mec_cover_skin_head');
70	<span class="mec-color"><?php echo $this->main->date_i18n($this->date_format_classic1, strtotime($event_date)); ?></span> <?php echo $this->main->date_i18n($this->date_format_classic2, strtotime($event_date)); ?>
71	</div>
72	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>
73	- <h4 class="mec-event-title"><?php echo $event->data->title.$this->main->get_flags($event).$event_color; ?><?php if ( !empty($label_style) ) echo '<span class="mec-fc-style">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
74	<div class="mec-btn-wrapper"><?php echo $this->display_link($event, $this->main->m('event_detail', __('EVENT DETAIL', 'modern-events-calendar-lite')), 'mec-event-button'); ?></div>
75	</div>
76	<?php elseif($this->style == 'clean'): ?>
77	<div class="mec-event-content">
78	- <h4 class="mec-event-title"><?php echo $this->display_link($event, NULL, ''); ?><?php echo $this->main->get_flags($event).$event_color; ?><?php if ( !empty($label_style) ) echo '<span class="mec-fc-style">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
79	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>
80	<?php if(isset($event_organizer['name'])): ?><div class="mec-event-place"><?php echo (isset($event_organizer['name']) ? $event_organizer['name'] : ''); ?></div><?php endif; ?>
81	</div>


26	$event_thumb_url = $event->data->featured_image['large'];
27	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
28
29	+ // Label Caption
30	+ $label_style = $this->get_label_caption($event);
31	+ $label_color = $this->get_label_caption_color($event);







32
33	do_action('mec_start_skin', $this->id);
34	do_action('mec_cover_skin_head');

43	<a href="<?php echo $event_link; ?>" class="mec-event-cover-a">
44	<div class="mec-event-overlay mec-bg-color"></div>
45	<div class="mec-event-detail">
46	+ <?php if(empty($label_style)) echo '<div class="mec-event-tag mec-color">' . __('featured event', 'modern-events-calendar-lite') . ' </div>'; else echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; ?>
47	<div class="mec-event-date"><?php echo $this->main->date_i18n($this->date_format_modern1, strtotime($event_date)).((isset($event->data->time) and trim($event->data->time['start'])) ? ' - '.$event->data->time['start'] : ''); ?></div>
48	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>
49	<h4 class="mec-event-title"><?php echo $event->data->title.$this->main->get_flags($event).$event_color; ?></h4>

63	<span class="mec-color"><?php echo $this->main->date_i18n($this->date_format_classic1, strtotime($event_date)); ?></span> <?php echo $this->main->date_i18n($this->date_format_classic2, strtotime($event_date)); ?>
64	</div>
65	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>
66	+ <h4 class="mec-event-title"><?php echo $event->data->title.$this->main->get_flags($event).$event_color; ?><?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
67	<div class="mec-btn-wrapper"><?php echo $this->display_link($event, $this->main->m('event_detail', __('EVENT DETAIL', 'modern-events-calendar-lite')), 'mec-event-button'); ?></div>
68	</div>
69	<?php elseif($this->style == 'clean'): ?>
70	<div class="mec-event-content">
71	+ <h4 class="mec-event-title"><?php echo $this->display_link($event, NULL, ''); ?><?php echo $this->main->get_flags($event).$event_color; ?><?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
72	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>
73	<?php if(isset($event_organizer['name'])): ?><div class="mec-event-place"><?php echo (isset($event_organizer['name']) ? $event_organizer['name'] : ''); ?></div><?php endif; ?>
74	</div>

app/skins/custom.php CHANGED Viewed

@@ -181,6 +181,147 @@ class MEC_skin_custom extends MEC_skins
                     // Found Events
                     $this->found = 0;
+                }
                 /**
                  * Returns start day of skin for filtering events


181	// Found Events
182	$this->found = 0;
183	}
184	+
185	+ /**
186	+ * Perform the search
187	+ * @author Webnus <info@webnus.biz>
188	+ * TODO: Refactor
189	+ * @return array of objects \stdClass
190	+ */
191	+ public function search()
192	+ {
193	+ global $MEC_Events_dates;
194	+
195	+ if($this->show_only_expired_events)
196	+ {
197	+ $apply_sf_date = $this->request->getVar('apply_sf_date', 1);
198	+ $start = ((isset($this->sf) \|\| $this->request->getVar('sf', array())) and $apply_sf_date) ? date('Y-m-t', strtotime($this->start_date)) : $this->start_date;
199	+
200	+ $end = date('Y-m-01', strtotime('-15 Years', strtotime($start)));
201	+ }
202	+ else
203	+ {
204	+ $start = $this->start_date;
205	+ $end = date('Y-m-t', strtotime('+15 Years', strtotime($start)));
206	+ }
207	+
208	+ // Set a certain maximum date from shortcode page.
209	+ if(trim($this->maximum_date) == '' and (isset($this->maximum_date_range) and trim($this->maximum_date_range))) $this->maximum_date = $this->maximum_date_range;
210	+
211	+ // Date Events
212	+ $dates = $this->period($start, $end, true);
213	+
214	+ // Limit
215	+ $this->args['posts_per_page'] = apply_filters('mec_skins_search_posts_per_page', 100);
216	+ $dates = apply_filters('mec_event_dates_search', $dates, $start, $end, $this);
217	+
218	+ $i = 0;
219	+ $found = 0;
220	+ $events = array();
221	+ $skipped_for_next_query = (int)$this->offset;
222	+ $skipped = 0;
223	+
224	+ foreach($dates as $date=>$IDs)
225	+ {
226	+ // No Event
227	+ if(!is_array($IDs) or (is_array($IDs) and !count($IDs))) continue;
228	+
229	+ // Check Finish Date
230	+ if(isset($this->maximum_date) and strtotime($date) > strtotime($this->maximum_date)) break;
231	+
232	+ // Include Available Events
233	+ $this->args['post__in'] = $IDs;
234	+
235	+ // Count of events per day
236	+ $IDs_count = array_count_values($IDs);
237	+
238	+ // Extending the end date
239	+ $this->end_date = $date;
240	+
241	+ // The Query
242	+ $query = new WP_Query($this->args);
243	+ if($query->have_posts())
244	+ {
245	+ if(!isset($events[$date])) $events[$date] = array();
246	+
247	+ // Day Events
248	+ $d = array();
249	+
250	+ // The Loop
251	+ while($query->have_posts())
252	+ {
253	+ $query->the_post();
254	+ $ID = get_the_ID();
255	+ $ID_count = isset($IDs_count[$ID]) ? $IDs_count[$ID] : 1;
256	+ for($i = 1; $i <= $ID_count; $i++)
257	+ {
258	+ if($this->offset > $skipped){
259	+ $skipped++;
260	+ continue;
261	+ }
262	+ $skipped_for_next_query++;
263	+
264	+ $rendered = $this->render->data($ID);
265	+
266	+ $data = new stdClass();
267	+ $data->ID = $ID;
268	+ $data->data = $rendered;
269	+
270	+ $data->date = array
271	+ (
272	+ 'start'=>array('date'=>$date),
273	+ 'end'=>array('date'=>$this->main->get_end_date($date, $rendered))
274	+ );
275	+
276	+ // global variable for use dates
277	+ $MEC_Events_dates[$ID][] = $data->date;
278	+ $d[] = $this->render->after_render($data, $this, $i);
279	+ update_option( 'mec_sd_time_option', $data->date['start']['date'], true);
280	+ update_option( 'mec_sdn_time_option', $data->date['end']['date'], true);
281	+ update_option( 'mec_st_time_option', $data->data->time['start'], true);
282	+ update_option( 'mec_stn_time_option', $data->data->time['end'], true);
283	+
284	+ $found++;
285	+ }
286	+
287	+ if($found >= $this->limit)
288	+ {
289	+ // Next Offset
290	+ $this->next_offset = ($query->post_count-($query->current_post+1)) >= 0 ? ($query->current_post+1)+$this->offset : 0;
291	+
292	+ usort($d, array($this, 'sort_day_events'));
293	+ $events[$date] = $d;
294	+
295	+ // Restore original Post Data
296	+ wp_reset_postdata();
297	+
298	+ break 2;
299	+ }
300	+ }
301	+
302	+ usort($d, array($this, 'sort_day_events'));
303	+ $events[$date] = $d;
304	+ }
305	+
306	+ // Restore original Post Data
307	+ wp_reset_postdata();
308	+
309	+ $i++;
310	+ }
311	+
312	+ // Set Offset for Last Page
313	+ if($found < $this->limit)
314	+ {
315	+ // Next Offset
316	+ $this->next_offset = $found + ((isset($date) and $this->start_date === $date) ? $this->offset : 0);
317	+ }
318	+
319	+ $this->next_offset = $skipped_for_next_query;
320	+ // Set found events
321	+ $this->found = $found;
322	+
323	+ return $events;
324	+ }
325
326	/**
327	* Returns start day of skin for filtering events

app/skins/custom/render.php CHANGED Viewed

@@ -22,7 +22,7 @@ if($this->style == 'colorful')
             <div class="mec-wrap <?php echo $event_colorskin . $colorful_class; ?>">
                 <div class="mec-event-custom-<?php echo $this->style; ?>">
-            -
                        <?php
                         $count = $this->count;
                         if($count == 0 or $count == 5) $col = 4;
@@ -30,206 +30,38 @@ if($this->style == 'colorful')
                         $rcount = 1 ;
-            -
                        // if($this->show_only_expired_events)
-            -
                        // {
-            -
                        //     $start = $this->start_date;
-            -
                        //     $end = date('Y-m-01', strtotime('-10 Year', strtotime($start)));
-            -
                        // }
-            -
                        // else
-            -
                        // {
-            -
                        //     $start = $this->start_date;
-            -
                        //     $end = date('Y-m-t', strtotime('+10 Year', strtotime($start)));
-            -
                        // }
-            -
-            -
                        if($this->show_only_expired_events)
-            -
                        {
-            -
                            $apply_sf_date = $this->request->getVar('apply_sf_date', 1);
-            -
                            $start = ((isset($this->sf) || $this->request->getVar('sf', array())) and $apply_sf_date) ? date('Y-m-t', strtotime($this->start_date)) : $this->start_date;
-            -
-            -
                            $end = date('Y-m-01', strtotime('-15 Years', strtotime($start)));
-            -
                        }
-            -
                        else
-            -
                        {
-            -
                            $start = $this->start_date;
-            -
                            $end = date('Y-m-t', strtotime('+15 Years', strtotime($start)));
-            -
                        }
-            -
-            -
                        // Date Events
-            -
                        $dates = $this->period($start, $end, true);
-            -
-            -
                        // Limit
-            -
                        $this->args['posts_per_page'] = 1000;
-            -
-            -
                        $i = 0;
-            -
                        $found = 0;
-            -
                        $events = array();
-            -
                        $current_month_divider = $this->request->getVar('current_month_divider', 0);
-            -
                        foreach($dates as $date=>$IDs)
+                        {
-            -
                            // No Event
-            -
                            if(!is_array($IDs) or (is_array($IDs) and !count($IDs))) continue;
-            -
-            -
                            // Check Finish Date
-            -
                            if(isset($this->maximum_date) and strtotime($date) > strtotime($this->maximum_date)) break;
-            -
-            -
                            // Include Available Events
-            -
                            $this->args['post__in'] = $IDs;
-            -
-            -
                            // Count of events per day
-            -
                            $IDs_count = array_count_values($IDs);
-            -
-            -
                            // Extending the end date
-            -
                            $this->end_date = $date;
-            -
-            -
                            // Continue to load rest of events in the first date
-            -
                            if($i === 0) $this->args['offset'] = $this->offset;
-            -
                            // Load all events in the rest of dates
-            -
                            else
-            -
                            {
-            -
                                $this->offset = 0;
-            -
                                $this->args['offset'] = 0;
-            -
                            }
-            -
-            -
-            -
                            if (($this->multiple_days_method == 'first_day' or ($this->multiple_days_method == 'first_day_listgrid' and in_array($this->skin, array('list', 'grid', 'slider', 'carousel', 'agenda', 'tile')))))
-            -
                            {
-            -
                                // Hide Shown Events on AJAX
-            -
                                if(defined('DOING_AJAX') and DOING_AJAX and $s != $e and $s < strtotime($start) and !$this->show_only_expired_events) continue;
-            -
-            -
                                $d = date('Y-m-d', $s);
-            -
-            -
                                if(!isset($dates[$d])) $dates[$d] = array();
-            -
                                $dates[$d][] = $date->post_id;
-            -
                            }
-            -
                            else
-            -
                            {
-            -
                                $diff = $this->main->date_diff($date->dstart, $date->dend);
-            -
                                $days_long = (isset($diff->days) and !$diff->invert) ? $diff->days : 0;
-            -
-            -
                                while($s <= $e)
-            -
                                {
-            -
                                    if((!$this->show_only_expired_events and $seconds_start <= $s and $s <= $seconds_end) or ($this->show_only_expired_events and $seconds_start >= $s and $s >= $seconds_end))
+                                    {
-            -
                                        $d = date('Y-m-d', $s);
-            -
                                        if(!isset($dates[$d])) $dates[$d] = array();
-            -
-            -
                                        // Check for exclude events
-            -
                                        if($exclude)
-            -
                                        {
-            -
                                            $current_id = !isset($current_id) ? 0 : $current_id;
-            -
-            -
                                            if(!isset($not_in_day))
-            -
                                            {
-            -
                                                $query = "SELECT `post_id`,`not_in_days` FROM `#__mec_events`";
-            -
                                                $not_in_day =  $this->db->select($query);
-            -
                                            }
-            -
-            -
                                            if(array_key_exists($date->post_id, $not_in_day) and trim($not_in_day[$date->post_id]->not_in_days))
-            -
                                            {
-            -
                                                $days =  $not_in_day[$date->post_id]->not_in_days;
-            -
                                                $current_id = $date->post_id;
-            -
                                            }
-            -
                                            else $days = '';
-            -
-            -
                                            if(strpos($days, $d) === false)
-            -
                                            {
-            -
                                                $midnight = $s+(3600*$midnight_hour);
-            -
                                                if($days_long == '1' and $midnight >= $date->tend) break;
-            -
-            -
                                                $dates[$d][] = $date->post_id;
-            -
                                            }
-            -
                                        }
-            -
                                        else
-            -
                                        {
-            -
                                            $midnight = $s+(3600*$midnight_hour);
-            -
                                            if($days_long == '1' and $midnight >= $date->tend) break;
-            -
-            -
                                            $dates[$d][] = $date->post_id;
-            -
                                        }
+                                    }
-            -
                                    $s += 86400;
+                                }
-            -
                            }
-            -
-            -
-            -
-            -
                            // The Query
-            -
                            $query = new WP_Query($this->args);
-            -
                            if($query->have_posts())
-            -
                            {
-            -
                                if(!isset($events[$date])) $events[$date] = array();
-            -
-            -
                                // The Loop
-            -
                                while($query->have_posts())
-            -
                                {
-            -
                                    $query->the_post();
-            -
                                    $ID = get_the_ID();
-            -
-            -
                                    $ID_count = isset($IDs_count[$ID]) ? $IDs_count[$ID] : 1;
-            -
-            -
                                    for($i = 1; $i <= $ID_count; $i++)
-            -
                                    {
-            -
                                        $rendered = $this->render->data($ID);
-            -
-            -
                                        $data = new stdClass();
-            -
                                        $data->ID = $ID;
-            -
                                        $data->data = $rendered;
-            -
-            -
                                        $data->date = array
-            -
                                        (
-            -
                                            'start'=>array('date'=>$date),
-            -
                                            'end'=>array('date'=>$this->main->get_end_date($date, $rendered))
-            -
                                        );
-            -
-            -
                                        $month_id = date('Ym', strtotime($date));
-            -
                                        if($this->count == '1' and $this->month_divider and $month_id != $current_month_divider): $current_month_divider = $month_id; ?>
-            -
                                            <div class="mec-month-divider" data-toggle-divider="mec-toggle-<?php echo date('Ym', strtotime($date)); ?>-<?php echo $this->id; ?>"><span><?php echo $this->main->date_i18n('F Y', strtotime($date)); ?></span><i class="mec-sl-arrow-down"></i></div>
-            -
                                        <?php endif;
-            -
-            -
-            -
                                        $events[$date][] = $this->render->after_render($data, $this, $i);
-            -
                                        update_option( 'mec_sd_time_option', $data->date['start']['date'], true);
-            -
                                        update_option( 'mec_sdn_time_option', $data->date['end']['date'], true);
-            -
                                        update_option( 'mec_st_time_option', $data->data->time['start'], true);
-            -
                                        update_option( 'mec_stn_time_option', $data->data->time['end'], true);
-            -
                                        $found++;
-            -
-            -
                                        echo ($rcount == 1) ? '<div class="row">' : '';
-            -
                                        echo '<div class="col-md-'.$col.' col-sm-'.$col.'">';
-            -
                                        echo '<article class="mec-event-article mec-sd-event-article'. get_the_ID().' mec-clear" itemscope>';
-            -
                                        echo Plugin::instance()->frontend->get_builder_content_for_display( $this->style, true );
-            -
                                        echo '</article></div>';
-            -
                                        if($rcount == $count)
-            -
                                        {
-            -
                                            echo '</div>';
-            -
                                            $rcount = 0;
-            -
                                        }
-            -
                                        $rcount++;
-            -
-            -
-            -
                                    }
-            -
-            -
                                    if($found >= $this->limit)
-            -
                                    {
-            -
                                        // Next Offset
-            -
                                        $this->next_offset = ($query->post_count-($query->current_post+1)) >= 0 ? ($query->current_post+1)+$this->offset : 0;
-            -
-            -
                                        // Restore original Post Data
-            -
                                        wp_reset_postdata();
-            -
-            -
                                        break 2;
-            -
                                    }
-            -
                                }
-            -
                            }
-            -
-            -
                            // Restore original Post Data
-            -
                            wp_reset_postdata();
-            -
-            -
                            $i++;
+                        }
-            -
                        ?>
             	</div>
             </div>

             <div class="mec-wrap <?php echo $event_colorskin . $colorful_class; ?>">
                 <div class="mec-event-custom-<?php echo $this->style; ?>">
+            +
                    <?php
                         $count = $this->count;
                         if($count == 0 or $count == 5) $col = 4;
                         $rcount = 1 ;
+            +
                        if(!empty($this->events))
+                        {
+            +
                            foreach($this->events as $date => $events){
+            +
                                $month_id = date('Ym', strtotime($date));
+            +
                                foreach($events as $event){
+            +
+            +
                                    global $post;
+            +
                                    $post = $event->data->post;
+            +
+            +
                                    if($this->count == '1' and $this->month_divider and $month_id != $current_month_divider): $current_month_divider = $month_id; ?>
+            +
                                        <div class="mec-month-divider" data-toggle-divider="mec-toggle-<?php echo date('Ym', strtotime($date)); ?>-<?php echo $this->id; ?>"><span><?php echo $this->main->date_i18n('F Y', strtotime($date)); ?></span><i class="mec-sl-arrow-down"></i></div>
+            +
                                    <?php endif;
+            +
+            +
                                    echo ($rcount == 1) ? '<div class="row">' : '';
+            +
                                    echo '<div class="col-md-'.$col.' col-sm-'.$col.'">';
+            +
                                    echo '<article class="mec-event-article mec-sd-event-article'. get_the_ID().' mec-clear" itemscope>';
+            +
                                    echo Plugin::instance()->frontend->get_builder_content_for_display( $this->style, true );
+            +
                                    echo '</article></div>';
+            +
                                    if($rcount == $count)
+                                    {
+            +
                                        echo '</div>';
+            +
                                        $rcount = 0;
+                                    }
+            +
                                    $rcount++;
+                                }
+            +
                            }
+                        }
+            +
+            +
+            +
                    ?>
             	</div>
             </div>

app/skins/daily_view/render.php CHANGED Viewed

	@@ -18,21 +18,14 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
18	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
19	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
20
21	- ~~$label_style~~ = ~~'';~~
22	- if(~~!empty(~~$event~~->data->labels~~))
23	- {
24	- foreach($event->data->labels as $label)
25	- {
26	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
27	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
28	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
29	- }
30	- }
31
32	// MEC Schema
33	do_action('mec_schema', $event);
34	?>
35	- <article data-style="<?php echo $label_style; ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article <?php echo $this->get_event_classes($event); ?>">
36	<div class="mec-event-image"><?php echo $event->data->thumbnails['thumbnail']; ?></div>
37	<?php if(trim($start_time)): ?><div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> <?php echo $start_time.(trim($end_time) ? ' - '.$end_time : ''); ?></div><?php endif; ?>
38	<h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color.$this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>


18	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
19	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
20
21	+ // Label Caption
22	+ $label_style = $this->get_label_caption($event);
23	+ $label_color = $this->get_label_caption_color($event);







24
25	// MEC Schema
26	do_action('mec_schema', $event);
27	?>
28	+ <article data-style="<?php echo $label_style; ?>" data-color="<?php echo esc_attr($label_color); ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article <?php echo $this->get_event_classes($event); ?>">
29	<div class="mec-event-image"><?php echo $event->data->thumbnails['thumbnail']; ?></div>
30	<?php if(trim($start_time)): ?><div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> <?php echo $start_time.(trim($end_time) ? ' - '.$end_time : ''); ?></div><?php endif; ?>
31	<h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color.$this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>

app/skins/grid.php CHANGED Viewed

	@@ -210,7 +210,7 @@ class MEC_skin_grid extends MEC_skins
210	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
211
212	// Maximum Date Range.
213	- $this->maximum_date_range = ~~(isset(~~$this->~~skin_options['maximum_date_range']) and trim~~(~~$this->skin_options['maximum_date_range']~~)~~) ? trim($this->skin_options['maximum_date_range']) : NULL~~;
214
215	// Show Past Events
216	if($this->show_only_expired_events)


210	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
211
212	// Maximum Date Range.
213	+ $this->maximum_date_range = $this->get_end_date();
214
215	// Show Past Events
216	if($this->show_only_expired_events)

app/skins/grid/render.php CHANGED Viewed

	@@ -55,22 +55,14 @@ if($this->style == 'colorful')
55	// colorful
56	$colorful_bg_color = ($colorful_flag && isset($event->data->meta['mec_color'])) ? ' style="background: #' . $event->data->meta['mec_color'] . '"' : '';
57
58	- ~~$label_style~~ = ~~'';~~
59	- if(~~!empty(~~$event~~->data->labels~~))
60	- {
61	- foreach($event->data->labels as $label)
62	- {
63	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
64	-
65	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
66	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
67	- }
68	- }
69
70	// MEC Schema
71	do_action('mec_schema', $event);
72
73	- echo '<article data-style="'.$label_style.'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event' : '').' mec-event-article mec-clear '.$this->get_event_classes($event).'"' . $colorful_bg_color . ' itemscope>';
74	?>
75	<?php if($this->style == 'modern'): ?>
76	<div class="event-grid-modern-head clearfix">
	@@ -138,7 +130,7 @@ if($this->style == 'colorful')
138	<?php do_action('mec_classic_before_title', $event ); ?>
139	<?php $soldout = $this->main->get_flags($event); ?>
140	<h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $soldout.$event_color.$this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
141	- <?php if(!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; ?>
142	<p class="mec-grid-event-location"><?php echo trim((isset($location['name']) ? $location['name'] : '').', '.(isset($location['address']) ? $location['address'] : ''), ', '); ?></p>
143	<?php echo $this->display_categories($event); ?>
144	<?php echo $this->display_organizers($event); ?>
	@@ -165,7 +157,7 @@ if($this->style == 'colorful')
165	<?php elseif($this->style == 'minimal'): ?>
166	<div class="mec-event-date mec-bg-color-hover mec-border-color-hover mec-color"><span><?php echo $this->main->date_i18n($this->date_format_minimal_1, strtotime($event->date['start']['date'])); ?></span><?php echo $this->main->date_i18n($this->date_format_minimal_2, strtotime($event->date['start']['date'])); ?></div>
167	<div class="event-detail-wrap">
168	- <h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color; if ( !empty($label_style) ) echo '<span class="mec-fc-style">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
169	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>
170	<?php if($this->include_events_times) echo $this->main->display_time($start_time, $end_time); ?>
171	<div class="mec-event-detail">
	@@ -264,7 +256,7 @@ if($this->style == 'colorful')
264	<?php elseif($this->style == 'simple'): ?>
265	<?php do_action('mec_skin_grid_simple', $event); ?>
266	<div class="mec-event-date mec-color"><?php echo $this->main->dateify($event, $this->date_format_simple_1); ?></div>
267	- <h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color; if ( !empty($label_style) ) echo '<span class="mec-fc-style">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
268	<div class="mec-event-detail">
269	<span class="mec-event-loc-place"><?php echo (isset($location['name']) ? $location['name'] : ''); ?></span>
270	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>


55	// colorful
56	$colorful_bg_color = ($colorful_flag && isset($event->data->meta['mec_color'])) ? ' style="background: #' . $event->data->meta['mec_color'] . '"' : '';
57
58	+ // Label Caption
59	+ $label_style = $this->get_label_caption($event);
60	+ $label_color = $this->get_label_caption_color($event);








61
62	// MEC Schema
63	do_action('mec_schema', $event);
64
65	+ echo '<article data-style="'.$label_style.'" data-color="'.esc_attr($label_color).'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event' : '').' mec-event-article mec-clear '.$this->get_event_classes($event).'"' . $colorful_bg_color . ' itemscope>';
66	?>
67	<?php if($this->style == 'modern'): ?>
68	<div class="event-grid-modern-head clearfix">

130	<?php do_action('mec_classic_before_title', $event ); ?>
131	<?php $soldout = $this->main->get_flags($event); ?>
132	<h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $soldout.$event_color.$this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
133	+ <?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; ?>
134	<p class="mec-grid-event-location"><?php echo trim((isset($location['name']) ? $location['name'] : '').', '.(isset($location['address']) ? $location['address'] : ''), ', '); ?></p>
135	<?php echo $this->display_categories($event); ?>
136	<?php echo $this->display_organizers($event); ?>

157	<?php elseif($this->style == 'minimal'): ?>
158	<div class="mec-event-date mec-bg-color-hover mec-border-color-hover mec-color"><span><?php echo $this->main->date_i18n($this->date_format_minimal_1, strtotime($event->date['start']['date'])); ?></span><?php echo $this->main->date_i18n($this->date_format_minimal_2, strtotime($event->date['start']['date'])); ?></div>
159	<div class="event-detail-wrap">
160	+ <h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color; if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
161	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>
162	<?php if($this->include_events_times) echo $this->main->display_time($start_time, $end_time); ?>
163	<div class="mec-event-detail">

256	<?php elseif($this->style == 'simple'): ?>
257	<?php do_action('mec_skin_grid_simple', $event); ?>
258	<div class="mec-event-date mec-color"><?php echo $this->main->dateify($event, $this->date_format_simple_1); ?></div>
259	+ <h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color; if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
260	<div class="mec-event-detail">
261	<span class="mec-event-loc-place"><?php echo (isset($location['name']) ? $location['name'] : ''); ?></span>
262	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>

app/skins/list.php CHANGED Viewed

	@@ -203,7 +203,7 @@ class MEC_skin_list extends MEC_skins
203	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
204
205	// Maximum Date Range.
206	- $this->maximum_date_range = ~~(isset(~~$this->~~skin_options['maximum_date_range']) and trim~~(~~$this->skin_options['maximum_date_range']~~)~~) ? trim($this->skin_options['maximum_date_range']) : NULL~~;
207
208	// Show Past Events
209	if($this->show_only_expired_events)


203	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
204
205	// Maximum Date Range.
206	+ $this->maximum_date_range = $this->get_end_date();
207
208	// Show Past Events
209	if($this->show_only_expired_events)

app/skins/list/render.php CHANGED Viewed

	@@ -2,6 +2,8 @@
2	/ no direct access /
3	defined('MECEXEC') or die();
4


5	$styling = $this->main->get_styling();
6	$settings = $this->main->get_settings();
7	$current_month_divider = $this->request->getVar('current_month_divider', 0);
	@@ -30,21 +32,14 @@ $map_events = array();
30	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
31	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
32
33	- ~~$label_style~~ = ~~'';~~
34	- if(~~!empty(~~$event~~->data->labels~~))
35	- {
36	- foreach($event->data->labels as $label)
37	- {
38	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
39	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
40	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
41	- }
42	- }
43
44	// MEC Schema
45	do_action('mec_schema', $event);
46	?>
47	- <article data-style="<?php echo $label_style; ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article mec-clear <?php echo $this->get_event_classes($event); ?> mec-divider-toggle mec-toggle-<?php echo date('Ym', strtotime($date)); ?>-<?php echo $this->id; ?>" itemscope>
48	<?php if($this->style == 'modern'): ?>
49	<div class="col-md-2 col-sm-2">
50	<div class="mec-event-date">
	@@ -52,11 +47,18 @@ $map_events = array();
52	<div class="event-f"><?php echo $this->main->date_i18n($this->date_format_modern_2, strtotime($event->date['start']['date'])); ?></div>
53	<div class="event-da"><?php echo $this->main->date_i18n($this->date_format_modern_3, strtotime($event->date['start']['date'])); ?></div>
54	</div>







55	</div>
56	<div class="col-md-6 col-sm-6">
57	<?php do_action('list_std_title_hook', $event); ?>
58	<?php $soldout = $this->main->get_flags($event); ?>
59	- <h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $soldout.$event_color; if(!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
60	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>
61	<div class="mec-event-detail">
62	<div class="mec-event-loc-place"><?php echo (isset($location['name']) ? $location['name'] : '') . (isset($location['address']) ? ' \| '.$location['address'] : ''); ?></div>
	@@ -73,7 +75,7 @@ $map_events = array();
73	</div>
74	<?php elseif($this->style == 'classic'): ?>
75	<div class="mec-event-image"><?php echo $this->display_link($event, $event->data->thumbnails['thumbnail']); ?></div>
76	- <?php if(isset($settings['multiple_day_show_method']) && $settings['multiple_day_show_method'] == 'all_days') : ?>
77	<div class="mec-event-date mec-color"><i class="mec-sl-calendar"></i> <?php echo $this->main->date_i18n($this->date_format_classic_1, strtotime($event->date['start']['date'])); ?></div>
78	<?php else: ?>
79	<div class="mec-event-date mec-color"><i class="mec-sl-calendar"></i> <?php echo $this->main->dateify($event, $this->date_format_classic_1); ?></div>
	@@ -88,7 +90,16 @@ $map_events = array();
88	<?php echo $this->booking_button($event); ?>
89	<?php elseif($this->style == 'minimal'): ?>
90	<div class="col-md-9 col-sm-9">
91	- <div class="mec-event-date mec-bg-color"><span><?php echo $this->main->date_i18n($this->date_format_minimal_1, strtotime($event->date['start']['date'])); ?></span><?php echo $this->main->date_i18n($this->date_format_minimal_2, strtotime($event->date['start']['date'])); ?></div>









92	<?php if($this->include_events_times and trim($start_time)) echo $this->main->display_time($start_time, $end_time); ?>
93	<h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color.$this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
94	<div class="mec-event-detail">
	@@ -193,7 +204,7 @@ $map_events = array();
193	<?php echo $this->main->display_time($start_time, $end_time); ?>
194	</div>
195	<h3 class="mec-toggle-title"><?php echo $event->data->title; ?><?php echo $this->main->get_flags($event).$event_color; ?></h3>
196	- <?php if(!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?><i class="mec-sl-arrow-down"></i>
197	</div>
198	<div class="mec-content-toggle" aria-hidden="true" style="display: none;">
199	<div class="mec-toggle-content">


2	/ no direct access /
3	defined('MECEXEC') or die();
4
5	+ /** @var MEC_skin_list $this */
6	+
7	$styling = $this->main->get_styling();
8	$settings = $this->main->get_settings();
9	$current_month_divider = $this->request->getVar('current_month_divider', 0);

32	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
33	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
34
35	+ // Label Caption
36	+ $label_style = $this->get_label_caption($event);
37	+ $label_color = $this->get_label_caption_color($event);







38
39	// MEC Schema
40	do_action('mec_schema', $event);
41	?>
42	+ <article data-style="<?php echo $label_style; ?>" data-color="<?php echo esc_attr($label_color); ?>" data-color="<?php echo esc_attr($label_color); ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article mec-clear <?php echo $this->get_event_classes($event); ?> mec-divider-toggle mec-toggle-<?php echo date('Ym', strtotime($date)); ?>-<?php echo $this->id; ?>" itemscope>
43	<?php if($this->style == 'modern'): ?>
44	<div class="col-md-2 col-sm-2">
45	<div class="mec-event-date">

47	<div class="event-f"><?php echo $this->main->date_i18n($this->date_format_modern_2, strtotime($event->date['start']['date'])); ?></div>
48	<div class="event-da"><?php echo $this->main->date_i18n($this->date_format_modern_3, strtotime($event->date['start']['date'])); ?></div>
49	</div>
50	+ <?php if($this->main->is_multipleday_occurrence($event)): ?>
51	+ <div class="mec-event-date">
52	+ <div class="event-d mec-color"><?php echo $this->main->date_i18n($this->date_format_modern_1, strtotime($event->date['end']['date'])); ?></div>
53	+ <div class="event-f"><?php echo $this->main->date_i18n($this->date_format_modern_2, strtotime($event->date['end']['date'])); ?></div>
54	+ <div class="event-da"><?php echo $this->main->date_i18n($this->date_format_modern_3, strtotime($event->date['end']['date'])); ?></div>
55	+ </div>
56	+ <?php endif; ?>
57	</div>
58	<div class="col-md-6 col-sm-6">
59	<?php do_action('list_std_title_hook', $event); ?>
60	<?php $soldout = $this->main->get_flags($event); ?>
61	+ <h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $soldout.$event_color; if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
62	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>
63	<div class="mec-event-detail">
64	<div class="mec-event-loc-place"><?php echo (isset($location['name']) ? $location['name'] : '') . (isset($location['address']) ? ' \| '.$location['address'] : ''); ?></div>

75	</div>
76	<?php elseif($this->style == 'classic'): ?>
77	<div class="mec-event-image"><?php echo $this->display_link($event, $event->data->thumbnails['thumbnail']); ?></div>
78	+ <?php if(isset($settings['multiple_day_show_method']) && $settings['multiple_day_show_method'] == 'all_days'): ?>
79	<div class="mec-event-date mec-color"><i class="mec-sl-calendar"></i> <?php echo $this->main->date_i18n($this->date_format_classic_1, strtotime($event->date['start']['date'])); ?></div>
80	<?php else: ?>
81	<div class="mec-event-date mec-color"><i class="mec-sl-calendar"></i> <?php echo $this->main->dateify($event, $this->date_format_classic_1); ?></div>

90	<?php echo $this->booking_button($event); ?>
91	<?php elseif($this->style == 'minimal'): ?>
92	<div class="col-md-9 col-sm-9">
93	+ <div class="mec-event-date mec-bg-color">
94	+ <span><?php echo $this->main->date_i18n($this->date_format_minimal_1, strtotime($event->date['start']['date'])); ?></span>
95	+ <?php echo $this->main->date_i18n($this->date_format_minimal_2, strtotime($event->date['start']['date'])); ?>
96	+ </div>
97	+ <?php if($this->main->is_multipleday_occurrence($event)): ?>
98	+ <div class="mec-event-date mec-bg-color">
99	+ <span><?php echo $this->main->date_i18n($this->date_format_minimal_1, strtotime($event->date['end']['date'])); ?></span>
100	+ <?php echo $this->main->date_i18n($this->date_format_minimal_2, strtotime($event->date['end']['date'])); ?>
101	+ </div>
102	+ <?php endif; ?>
103	<?php if($this->include_events_times and trim($start_time)) echo $this->main->display_time($start_time, $end_time); ?>
104	<h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color.$this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?></h4>
105	<div class="mec-event-detail">

204	<?php echo $this->main->display_time($start_time, $end_time); ?>
205	</div>
206	<h3 class="mec-toggle-title"><?php echo $event->data->title; ?><?php echo $this->main->get_flags($event).$event_color; ?></h3>
207	+ <?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?><i class="mec-sl-arrow-down"></i>
208	</div>
209	<div class="mec-content-toggle" aria-hidden="true" style="display: none;">
210	<div class="mec-toggle-content">

app/skins/masonry.php CHANGED Viewed

	@@ -146,7 +146,7 @@ class MEC_skin_masonry extends MEC_skins
146	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
147
148	// Maximum Date Range.
149	- $this->maximum_date_range = ~~(isset(~~$this->~~skin_options['maximum_date_range']) and trim~~(~~$this->skin_options['maximum_date_range']~~)~~) ? trim($this->skin_options['maximum_date_range']) : NULL~~;
150
151	if($this->show_only_expired_events)
152	{


146	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
147
148	// Maximum Date Range.
149	+ $this->maximum_date_range = $this->get_end_date();
150
151	if($this->show_only_expired_events)
152	{

app/skins/masonry/render.php CHANGED Viewed

@@ -23,16 +23,9 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
                         $end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
                         $event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
-            -
                        $label_style = '';
-            -
                        if(!empty($event->data->labels))
-            -
                        {
-            -
                            foreach($event->data->labels as $label)
-            -
                            {
-            -
                                if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
-            -
                                if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured', 'modern-events-calendar-lite');
-            -
                                elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled', 'modern-events-calendar-lite');
-            -
                            }
-            -
                        }
                         // MEC Schema
                         do_action('mec_schema', $event);
@@ -88,7 +81,7 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
                         <div data-sort-masonry="<?php echo $event->date['start']['date']; ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-masonry-item-wrap <?php echo $this->filter_by_classes($event->data->ID); ?>">
                             <div class="mec-masonry">
-            -
                                <article data-style="<?php echo $label_style; ?>" class="mec-event-article mec-clear <?php echo $this->get_event_classes($event); ?>">
                                     <?php if(isset($event->data->featured_image) and $this->masonry_like_grid): ?>
                                         <div class="mec-masonry-img"><?php echo $this->display_link($event, get_the_post_thumbnail($event->data->ID , 'thumblist'), ''); ?></div>
                                     <?php elseif(isset($event->data->featured_image) and isset($event->data->featured_image['full']) and trim($event->data->featured_image['full'])): ?>
@@ -97,14 +90,37 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
                                     <div class="mec-masonry-content mec-event-grid-modern">
                                         <div class="event-grid-modern-head clearfix">
-            -
                                             <div class="mec-masonry-col<?php echo (isset($location['name']) and trim($location['name'])) ? '6' : '12'; ?>">
-            -
                                                <?php if(isset($settings['multiple_day_show_method']) and ($settings['multiple_day_show_method'] == 'all_days' or $settings['multiple_day_show_method'] == 'first_day_listgrid')): ?>
-            -
                                                    <div class="mec-event-date mec-color"><?php echo $this->main->date_i18n($this->date_format_1, strtotime($event->date['start']['date'])); ?></div>
-            -
                                                    <div class="mec-event-month"><?php echo $this->main->date_i18n($this->date_format_2, strtotime($event->date['start']['date'])); ?></div>
-            -
                                                <?php else: ?>
-            -
                                                    <div class="mec-event-date mec-color"><?php echo $this->main->dateify($event, $this->date_format_1); ?></div>
-            -
                                                    <div class="mec-event-month"><?php echo $this->main->dateify($event, $this->date_format_2); ?></div>
                                                 <?php endif; ?>
                                                 <div class="mec-event-detail"><?php echo $start_time.(trim($end_time) ? ' - '.$end_time : ''); ?></div>
                                                 <?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>


23	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
24	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
25
26	+ // Label Caption
27	+ $label_style = $this->get_label_caption($event);
28	+ $label_color = $this->get_label_caption_color($event);







29
30	// MEC Schema
31	do_action('mec_schema', $event);

81	<div data-sort-masonry="<?php echo $event->date['start']['date']; ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-masonry-item-wrap <?php echo $this->filter_by_classes($event->data->ID); ?>">
82	<div class="mec-masonry">
83
84	+ <article data-style="<?php echo $label_style; ?>" data-color="<?php echo esc_attr($label_color); ?>" class="mec-event-article mec-clear <?php echo $this->get_event_classes($event); ?>">
85	<?php if(isset($event->data->featured_image) and $this->masonry_like_grid): ?>
86	<div class="mec-masonry-img"><?php echo $this->display_link($event, get_the_post_thumbnail($event->data->ID , 'thumblist'), ''); ?></div>
87	<?php elseif(isset($event->data->featured_image) and isset($event->data->featured_image['full']) and trim($event->data->featured_image['full'])): ?>

90
91	<div class="mec-masonry-content mec-event-grid-modern">
92	<div class="event-grid-modern-head clearfix">

93	<div class="mec-masonry-col<?php echo (isset($location['name']) and trim($location['name'])) ? '6' : '12'; ?>">
94	+ <?php
95	+ if(isset($settings['multiple_day_show_method']) and ($settings['multiple_day_show_method'] == 'all_days' or $settings['multiple_day_show_method'] == 'first_day_listgrid')){
96	+
97	+ $start_date = $event->date['start']['date'];
98	+ $start_date_time = strtotime($start_date);
99	+ $days_number = $this->main->date_i18n($this->date_format_1, $start_date_time);
100	+ $months_name = $this->main->date_i18n($this->date_format_2, $start_date_time);
101	+ }
102	+
103	+ if(isset($settings['multiple_day_show_method']) and $settings['multiple_day_show_method'] == 'all_days'){
104	+
105	+ $end_date = $event->date['end']['date'];
106	+ $end_date_time = strtotime($end_date);
107	+ $day = $this->main->date_i18n($this->date_format_1, $end_date_time);
108	+ $m = $this->main->date_i18n($this->date_format_2, $end_date_time);
109	+
110	+ if($days_number != $day \|\| $months_name != $m){
111	+
112	+ $days_number .= '-' . $day;
113	+ }
114	+
115	+ if($months_name != $m){
116	+
117	+ $months_name .= '-' . $m;
118	+ }
119	+ }
120	+ ?>
121	+ <?php if(!empty($days_number) && !empty($months_name)): ?>
122	+ <div class="mec-event-date mec-color"><?php echo $days_number; ?></div>
123	+ <div class="mec-event-month"><?php echo $months_name; ?></div>
124	<?php endif; ?>
125	<div class="mec-event-detail"><?php echo $start_time.(trim($end_time) ? ' - '.$end_time : ''); ?></div>
126	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>

app/skins/monthly_view.php CHANGED Viewed

	@@ -348,13 +348,7 @@ class MEC_skin_monthly_view extends MEC_skins
348	$this->fetch();
349
350	// Break the loop if not resault
351	- if($break)
352	- {
353	- break;
354	- }
355	-
356	- // Set active day to current day if not resault
357	- if(count($this->events) and date('m', strtotime(key($this->events))) == $this->month) $this->active_day = key($this->events);
358	if($navigator_click) break;
359
360	$c++;


348	$this->fetch();
349
350	// Break the loop if not resault
351	+ if($break) break;






352	if($navigator_click) break;
353
354	$c++;

app/skins/monthly_view/calendar.php CHANGED Viewed

	@@ -71,21 +71,14 @@ $events_str = '';
71	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
72	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
73
74	- ~~$label_style~~ = ~~'';~~
75	- if(~~!empty(~~$event~~->data->labels~~))
76	- {
77	- foreach($event->data->labels as $label)
78	- {
79	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
80	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
81	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
82	- }
83	- }
84
85	// MEC Schema
86	$events_str .= apply_filters('mec_schema_text', '', $event);
87
88	- $events_str .= '<article data-style="'.$label_style.'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'ended-relative mec-event-article '.$this->get_event_classes($event).'">';
89	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumbnail'].'</div>';
90	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';
91	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
	@@ -136,21 +129,14 @@ $events_str = '';
136	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
137	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
138
139	- ~~$label_style~~ = ~~'';~~
140	- if(~~!empty(~~$event~~->data->labels~~))
141	- {
142	- foreach($event->data->labels as $label)
143	- {
144	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
145	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
146	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
147	- }
148	- }
149
150	// MEC Schema
151	$events_str .= apply_filters('mec_schema_text', '', $event);
152
153	- $events_str .= '<article data-style="'.$label_style.'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'ended-relative mec-event-article '.$this->get_event_classes($event).'">';
154	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumbnail'].'</div>';
155	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';
156	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
	@@ -228,21 +214,14 @@ $events_str = '';
228	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
229	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
230
231	- ~~$label_style~~ = ~~'';~~
232	- if(~~!empty(~~$event~~->data->labels~~))
233	- {
234	- foreach($event->data->labels as $label)
235	- {
236	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
237	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
238	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
239	- }
240	- }
241
242	// MEC Schema
243	$events_str .= apply_filters('mec_schema_text', '', $event);
244
245	- $events_str .= '<article data-style="'.$label_style.'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'ended-relative mec-event-article '.$this->get_event_classes($event).'">';
246	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumbnail'].'</div>';
247	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';
248	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';


71	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
72	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
73
74	+ // Label Caption
75	+ $label_style = $this->get_label_caption($event);
76	+ $label_color = $this->get_label_caption_color($event);







77
78	// MEC Schema
79	$events_str .= apply_filters('mec_schema_text', '', $event);
80
81	+ $events_str .= '<article data-style="'.$label_style.'" data-color="'.esc_attr($label_color).'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'ended-relative mec-event-article '.$this->get_event_classes($event).'">';
82	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumbnail'].'</div>';
83	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';
84	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';

129	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
130	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
131
132	+ // Label Caption
133	+ $label_style = $this->get_label_caption($event);
134	+ $label_color = $this->get_label_caption_color($event);







135
136	// MEC Schema
137	$events_str .= apply_filters('mec_schema_text', '', $event);
138
139	+ $events_str .= '<article data-style="'.$label_style.'" data-color="'.esc_attr($label_color).'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'ended-relative mec-event-article '.$this->get_event_classes($event).'">';
140	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumbnail'].'</div>';
141	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';
142	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';

214	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
215	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
216
217	+ // Label Caption
218	+ $label_style = $this->get_label_caption($event);
219	+ $label_color = $this->get_label_caption_color($event);







220
221	// MEC Schema
222	$events_str .= apply_filters('mec_schema_text', '', $event);
223
224	+ $events_str .= '<article data-style="'.$label_style.'" data-color="'.esc_attr($label_color).'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'ended-relative mec-event-article '.$this->get_event_classes($event).'">';
225	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumbnail'].'</div>';
226	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';
227	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';

app/skins/monthly_view/calendar_clean.php CHANGED Viewed

	@@ -69,23 +69,16 @@ $events_str = '';
69	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
70	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
71
72	- ~~$label_style~~ = ~~'';~~
73	- if(~~!empty(~~$event~~->data->labels~~))
74	- {
75	- foreach($event->data->labels as $label)
76	- {
77	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
78	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
79	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
80	- }
81	- }
82
83	$events_filter = $after_time_filter = '';
84
85	// MEC Schema
86	$events_str .= apply_filters('mec_schema_text', '', $event);
87
88	- $events_str .= '<article data-style="'.$label_style.'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'mec-event-article '.$this->get_event_classes($event).'">';
89	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumblist'].'</div>';
90
91	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';
	@@ -147,24 +140,17 @@ $events_str = '';
147	$startDate = !empty($event->data->meta['mec_date']['start']['date'] ) ? $event->data->meta['mec_date']['start']['date'] : '';
148	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
149	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
150	-
151	- ~~$label_style~~ = ~~'';~~
152	- if(~~!empty(~~$event~~->data->labels~~))
153	- {
154	- foreach($event->data->labels as $label)
155	- {
156	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
157	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
158	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
159	- }
160	- }
161
162	$events_filter = $after_time_filter = '';
163
164	// MEC Schema
165	$events_str .= apply_filters('mec_schema_text', '', $event);
166
167	- $events_str .= '<article data-style="'.$label_style.'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'mec-event-article '.$this->get_event_classes($event).'">';
168	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumblist'].'</div>';
169
170	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';
	@@ -251,23 +237,16 @@ $events_str = '';
251	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
252	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
253
254	- ~~$label_style~~ = ~~'';~~
255	- if(~~!empty(~~$event~~->data->labels~~))
256	- {
257	- foreach($event->data->labels as $label)
258	- {
259	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
260	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
261	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
262	- }
263	- }
264
265	$events_filter = $after_time_filter = '';
266
267	// MEC Schema
268	$events_str .= apply_filters('mec_schema_text', '', $event);
269
270	- $events_str .= '<article data-style="'.$label_style.'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'mec-event-article '.$this->get_event_classes($event).'">';
271	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumblist'].'</div>';
272
273	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';


69	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
70	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
71
72	+ // Label Caption
73	+ $label_style = $this->get_label_caption($event);
74	+ $label_color = $this->get_label_caption_color($event);







75
76	$events_filter = $after_time_filter = '';
77
78	// MEC Schema
79	$events_str .= apply_filters('mec_schema_text', '', $event);
80
81	+ $events_str .= '<article data-style="'.$label_style.'" data-color="'.esc_attr($label_color).'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'mec-event-article '.$this->get_event_classes($event).'">';
82	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumblist'].'</div>';
83
84	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';

140	$startDate = !empty($event->data->meta['mec_date']['start']['date'] ) ? $event->data->meta['mec_date']['start']['date'] : '';
141	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
142	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
143	+
144	+ // Label Caption
145	+ $label_style = $this->get_label_caption($event);
146	+ $label_color = $this->get_label_caption_color($event);







147
148	$events_filter = $after_time_filter = '';
149
150	// MEC Schema
151	$events_str .= apply_filters('mec_schema_text', '', $event);
152
153	+ $events_str .= '<article data-style="'.$label_style.'" data-color="'.esc_attr($label_color).'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'mec-event-article '.$this->get_event_classes($event).'">';
154	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumblist'].'</div>';
155
156	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';

237	$endDate = !empty($event->data->meta['mec_date']['end']['date'] ) ? $event->data->meta['mec_date']['end']['date'] : '' ;
238	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
239
240	+ // Label Caption
241	+ $label_style = $this->get_label_caption($event);
242	+ $label_color = $this->get_label_caption_color($event);







243
244	$events_filter = $after_time_filter = '';
245
246	// MEC Schema
247	$events_str .= apply_filters('mec_schema_text', '', $event);
248
249	+ $events_str .= '<article data-style="'.$label_style.'" data-color="'.esc_attr($label_color).'" class="'.((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : '').'mec-event-article '.$this->get_event_classes($event).'">';
250	$events_str .= '<div class="mec-event-image">'.$event->data->thumbnails['thumblist'].'</div>';
251
252	if(trim($start_time)) $events_str .= '<div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> '.$start_time.(trim($end_time) ? ' - '.$end_time : '').'</div>';

app/skins/monthly_view/calendar_novel.php CHANGED Viewed

	@@ -71,16 +71,9 @@ elseif($week_start == 5) // Friday
71	$start_date = (isset($event->date['start']['date']) ? str_replace ( '-', '', $event->date['start']['date'] ) : '');
72	$end_date = (isset($event->date['end']['date']) ? str_replace ( '-', '', $event->date['end']['date'] ) : '');
73
74	- ~~$label_style~~ = ~~'';~~
75	- if(~~!empty(~~$event~~->data->labels~~))
76	- {
77	- foreach($event->data->labels as $label)
78	- {
79	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
80	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured', 'modern-events-calendar-lite');
81	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled', 'modern-events-calendar-lite');
82	- }
83	- }
84
85	// MEC Schema
86	do_action('mec_schema', $event);


71	$start_date = (isset($event->date['start']['date']) ? str_replace ( '-', '', $event->date['start']['date'] ) : '');
72	$end_date = (isset($event->date['end']['date']) ? str_replace ( '-', '', $event->date['end']['date'] ) : '');
73
74	+ // Label Caption
75	+ $label_style = $this->get_label_caption($event);
76	+ $label_color = $this->get_label_caption_color($event);







77
78	// MEC Schema
79	do_action('mec_schema', $event);

app/skins/single/modern.php CHANGED Viewed

@@ -86,8 +86,15 @@ if(is_plugin_active('schema-markup-rich-snippets/schema-markup-rich-snippets.php
                             <!-- Register Booking Button -->
                             <?php if($this->main->can_show_booking_module($event) and $single->found_value('register_btn', $settings) == 'on'): ?>
-            -
                                <?php $data_lity = $data_lity_class =  ''; if(isset($settings['single_booking_style']) and $settings['single_booking_style'] == 'modal' ){ /* $data_lity = 'onclick="openBookingModal();"'; */  $data_lity_class = 'mec-booking-data-lity'; }  ?>
-            -
                                <a class="mec-booking-button mec-bg-color <?php echo $data_lity_class; ?> <?php if(isset($settings['single_booking_style']) and $settings['single_booking_style'] != 'modal' ) echo 'simple-booking'; ?>" href="#mec-events-meta-group-booking-<?php echo $this->uniqueid; ?>" <?php echo $data_lity; ?>><?php echo esc_html($this->main->m('register_button', __('REGISTER', 'modern-events-calendar-lite'))); ?></a>
                             <?php elseif(isset($event->data->meta['mec_more_info']) and trim($event->data->meta['mec_more_info']) and $event->data->meta['mec_more_info'] != 'http://'): ?>
                                 <a class="mec-booking-button mec-bg-color" target="<?php echo (isset($event->data->meta['mec_more_info_target']) ? $event->data->meta['mec_more_info_target'] : '_self'); ?>" href="<?php echo $event->data->meta['mec_more_info']; ?>"><?php if(isset($event->data->meta['mec_more_info_title']) and trim($event->data->meta['mec_more_info_title'])) echo esc_html__(trim($event->data->meta['mec_more_info_title']), 'modern-events-calendar-lite'); else echo esc_html($this->main->m('register_button', __('REGISTER', 'modern-events-calendar-lite'))); ?></a>
                             <?php endif; ?>
@@ -305,16 +312,18 @@ if(is_plugin_active('schema-markup-rich-snippets/schema-markup-rich-snippets.php
                         <div id="mec-events-meta-group-booking-<?php echo $this->uniqueid; ?>" class="mec-sold-tickets warning-msg"><?php _e('Sold out!', 'modern-events-calendar-lite'); do_action( 'mec_booking_sold_out',$event, null,null,array($event->date) );?> </div>
                         <?php elseif($this->main->can_show_booking_module($event)): ?>
                         <?php $data_lity_class = ''; if(isset($settings['single_booking_style']) and $settings['single_booking_style'] == 'modal' ) $data_lity_class = 'lity-hide '; ?>
-            -
                        <div id="mec-events-meta-group-booking-<?php echo $this->uniqueid; ?>" class="<?php echo $data_lity_class; ?>mec-events-meta-group mec-events-meta-group-booking">
-            -
                            <?php
-            -
                            if(isset($settings['booking_user_login']) and $settings['booking_user_login'] == '1' and !is_user_logged_in() ) {
-            -
                                echo do_shortcode('[MEC_login]');
-            -
                            } elseif ( isset($settings['booking_user_login']) and $settings['booking_user_login'] == '0' and !is_user_logged_in() and isset($booking_options['bookings_limit_for_users']) and $booking_options['bookings_limit_for_users'] == '1' ) {
-            -
                                echo do_shortcode('[MEC_login]');
-            -
                            } else {
-            -
                                echo $this->main->module('booking.default', array('event'=>$this->events));
-            -
                            }
-            -
                            ?>
                         </div>
                         <?php endif ?>


86
87	<!-- Register Booking Button -->
88	<?php if($this->main->can_show_booking_module($event) and $single->found_value('register_btn', $settings) == 'on'): ?>
89	+ <?php
90	+ $data_lity = $data_lity_class = '';
91	+ $target_id = 'mec-events-meta-group-booking-'.$this->uniqueid;
92	+ if(isset($settings['single_booking_style']) and $settings['single_booking_style'] == 'modal' ){
93	+ /* $data_lity = 'onclick="openBookingModal();"'; */
94	+ $data_lity_class = 'mec-booking-data-lity';
95	+ $target_id = 'mec-events-meta-group-booking-box-'.$this->uniqueid;
96	+ } ?>
97	+ <a class="mec-booking-button mec-bg-color <?php echo $data_lity_class; ?> <?php if(isset($settings['single_booking_style']) and $settings['single_booking_style'] != 'modal' ) echo 'simple-booking'; ?>" href="#<?php echo $target_id; ?>" <?php echo $data_lity; ?>><?php echo esc_html($this->main->m('register_button', __('REGISTER', 'modern-events-calendar-lite'))); ?></a>
98	<?php elseif(isset($event->data->meta['mec_more_info']) and trim($event->data->meta['mec_more_info']) and $event->data->meta['mec_more_info'] != 'http://'): ?>
99	<a class="mec-booking-button mec-bg-color" target="<?php echo (isset($event->data->meta['mec_more_info_target']) ? $event->data->meta['mec_more_info_target'] : '_self'); ?>" href="<?php echo $event->data->meta['mec_more_info']; ?>"><?php if(isset($event->data->meta['mec_more_info_title']) and trim($event->data->meta['mec_more_info_title'])) echo esc_html__(trim($event->data->meta['mec_more_info_title']), 'modern-events-calendar-lite'); else echo esc_html($this->main->m('register_button', __('REGISTER', 'modern-events-calendar-lite'))); ?></a>
100	<?php endif; ?>

312	<div id="mec-events-meta-group-booking-<?php echo $this->uniqueid; ?>" class="mec-sold-tickets warning-msg"><?php _e('Sold out!', 'modern-events-calendar-lite'); do_action( 'mec_booking_sold_out',$event, null,null,array($event->date) );?> </div>
313	<?php elseif($this->main->can_show_booking_module($event)): ?>
314	<?php $data_lity_class = ''; if(isset($settings['single_booking_style']) and $settings['single_booking_style'] == 'modal' ) $data_lity_class = 'lity-hide '; ?>
315	+ <div class="mec-single-event <?php echo $data_lity_class; ?>" id="mec-events-meta-group-booking-box-<?php echo $this->uniqueid; ?>">
316	+ <div id="mec-events-meta-group-booking-<?php echo $this->uniqueid; ?>" class="mec-events-meta-group mec-events-meta-group-booking">
317	+ <?php
318	+ if(isset($settings['booking_user_login']) and $settings['booking_user_login'] == '1' and !is_user_logged_in() ) {
319	+ echo do_shortcode('[MEC_login]');
320	+ } elseif ( isset($settings['booking_user_login']) and $settings['booking_user_login'] == '0' and !is_user_logged_in() and isset($booking_options['bookings_limit_for_users']) and $booking_options['bookings_limit_for_users'] == '1' ) {
321	+ echo do_shortcode('[MEC_login]');
322	+ } else {
323	+ echo $this->main->module('booking.default', array('event'=>$this->events));
324	+ }
325	+ ?>
326	+ </div>
327	</div>
328	<?php endif ?>
329

app/skins/slider/render.php CHANGED Viewed

	@@ -37,18 +37,11 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
37	$excerpt = implode(' ', $words);
38	}
39
40	- ~~$label_style~~ = ~~'';~~
41	- if(~~!empty(~~$event~~->data->labels~~))
42	- {
43	- foreach($event->data->labels as $label)
44	- {
45	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
46	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured', 'modern-events-calendar-lite');
47	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
48	- }
49	- }
50	?>
51	- <article data-style="<?php echo $label_style; ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article mec-clear <?php echo $this->get_event_classes($event); ?>">
52	<?php do_action('mec_schema', $event); // MEC Schema ?>
53	<?php if($this->style == 't1'): ?>
54	<div class="mec-slider-t1-img" style="background: url(<?php echo $src; ?>);"></div>


37	$excerpt = implode(' ', $words);
38	}
39
40	+ // Label Caption
41	+ $label_style = $this->get_label_caption($event);
42	+ $label_color = $this->get_label_caption_color($event);







43	?>
44	+ <article data-style="<?php echo $label_style; ?>" data-color="<?php echo esc_attr($label_color); ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article mec-clear <?php echo $this->get_event_classes($event); ?>">
45	<?php do_action('mec_schema', $event); // MEC Schema ?>
46	<?php if($this->style == 't1'): ?>
47	<div class="mec-slider-t1-img" style="background: url(<?php echo $src; ?>);"></div>

app/skins/tile/render.php CHANGED Viewed

	@@ -35,24 +35,16 @@ $map_events = array();
35	// Multiple Day Event Class
36	$me_class = $event_start_date == $event->date['end']['date'] \|\| (isset($this->settings['multiple_day_show_method']) && $this->settings['multiple_day_show_method'] == 'all_days') ? '' : 'tile-multipleday-event';
37
38	- ~~$label_style~~ = ~~'';~~
39	- if(~~!empty(~~$event~~->data->labels~~))
40	- {
41	- foreach($event->data->labels as $label)
42	- {
43	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
44	-
45	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
46	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
47	- }
48	- }
49
50	// MEC Schema
51	do_action('mec_schema', $event);
52	?>
53	- <article <?php if($method != 'no'): ?>data-href="<?php echo $this->main->get_event_date_permalink($event, $event->date['start']['date']); ?>" data-target="<?php echo ($method == 'new' ? 'blank' : ''); ?>"<?php endif; ?> <?php echo 'style="background:' . $event_color . $background_image. '"'; ?> data-style="<?php echo $label_style; ?>" class="<?php echo ((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event' : ''); ?> mec-event-article mec-tile-item <?php echo $me_class; ?> mec-clear <?php echo $this->get_event_classes($event); ?>">
54	<?php do_action('mec_skin_tile_view', $event); ?>
55	- <?php if(!empty($label_style)) echo '<div class="mec-tile-overlay"></div>' ?>
56	<div class="event-tile-view-head clearfix">
57	<?php if(isset($this->settings['multiple_day_show_method']) && $this->settings['multiple_day_show_method'] == 'all_days'): ?>
58	<div class="mec-event-date"><?php echo $this->main->date_i18n($this->date_format_clean_1, strtotime($event->date['start']['date'])); ?></div>


35	// Multiple Day Event Class
36	$me_class = $event_start_date == $event->date['end']['date'] \|\| (isset($this->settings['multiple_day_show_method']) && $this->settings['multiple_day_show_method'] == 'all_days') ? '' : 'tile-multipleday-event';
37
38	+ // Label Caption
39	+ $label_style = $this->get_label_caption($event);
40	+ $label_color = $this->get_label_caption_color($event);








41
42	// MEC Schema
43	do_action('mec_schema', $event);
44	?>
45	+ <article <?php if($method != 'no'): ?>data-href="<?php echo $this->main->get_event_date_permalink($event, $event->date['start']['date']); ?>" data-target="<?php echo ($method == 'new' ? 'blank' : ''); ?>"<?php endif; ?> <?php echo 'style="background:' . $event_color . $background_image. '"'; ?> data-style="<?php echo $label_style; ?>" data-color="<?php echo esc_attr($label_color); ?>" class="<?php echo ((isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event' : ''); ?> mec-event-article mec-tile-item <?php echo $me_class; ?> mec-clear <?php echo $this->get_event_classes($event); ?>">
46	<?php do_action('mec_skin_tile_view', $event); ?>
47	+ <?php if(!empty($label_style)) echo '<div class="mec-tile-overlay" data-color="'.esc_attr($label_color).'"></div>' ?>
48	<div class="event-tile-view-head clearfix">
49	<?php if(isset($this->settings['multiple_day_show_method']) && $this->settings['multiple_day_show_method'] == 'all_days'): ?>
50	<div class="mec-event-date"><?php echo $this->main->date_i18n($this->date_format_clean_1, strtotime($event->date['start']['date'])); ?></div>

app/skins/timeline.php CHANGED Viewed

	@@ -148,7 +148,7 @@ class MEC_skin_timeline extends MEC_skins
148	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
149
150	// Maximum Date Range.
151	- $this->maximum_date_range = ~~(isset(~~$this->~~skin_options['maximum_date_range']) and trim~~(~~$this->skin_options['maximum_date_range']~~)~~) ? trim($this->skin_options['maximum_date_range']) : NULL~~;
152
153	// Show Past Events
154	if($this->show_only_expired_events)


148	$this->show_only_expired_events = (isset($this->atts['show_only_past_events']) and trim($this->atts['show_only_past_events'])) ? '1' : '0';
149
150	// Maximum Date Range.
151	+ $this->maximum_date_range = $this->get_end_date();
152
153	// Show Past Events
154	if($this->show_only_expired_events)

app/skins/timeline/render.php CHANGED Viewed

	@@ -38,16 +38,9 @@ $event_colorskin = (isset($styling['mec_colorskin']) \|\| isset($styling['color'])
38	$excerpt = implode(' ', $words);
39	}
40
41	- ~~$label_style~~ = ~~'';~~
42	- if(~~!empty(~~$event~~->data->labels~~))
43	- {
44	- foreach($event->data->labels as $label)
45	- {
46	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
47	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured' , 'modern-events-calendar-lite');
48	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
49	- }
50	- }
51
52	// MEC Schema
53	do_action('mec_schema', $event);
	@@ -62,7 +55,7 @@ $event_colorskin = (isset($styling['mec_colorskin']) \|\| isset($styling['color'])
62	<div class="mec-timeline-left-content">
63	<div class="mec-timeline-main-content">
64	<?php $soldout = $this->main->get_flags($event); ?>
65	- <h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $soldout.$event_color; if (!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; ?></h4>
66	<?php echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
67	<p><?php echo $excerpt.(trim($excerpt) ? ' ...' : ''); ?></p>
68	<?php echo $this->display_categories($event); ?>


38	$excerpt = implode(' ', $words);
39	}
40
41	+ // Label Caption
42	+ $label_style = $this->get_label_caption($event);
43	+ $label_color = $this->get_label_caption_color($event);







44
45	// MEC Schema
46	do_action('mec_schema', $event);

55	<div class="mec-timeline-left-content">
56	<div class="mec-timeline-main-content">
57	<?php $soldout = $this->main->get_flags($event); ?>
58	+ <h4 class="mec-event-title"><?php echo $this->display_link($event); ?><?php echo $soldout.$event_color; if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; ?></h4>
59	<?php echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
60	<p><?php echo $excerpt.(trim($excerpt) ? ' ...' : ''); ?></p>
61	<?php echo $this->display_categories($event); ?>

app/skins/timetable/render.php CHANGED Viewed

	@@ -33,17 +33,10 @@ else $set_dark = '';
33	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
34	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
35	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
36	-
37	- ~~$label_style~~ = ~~'';~~
38	- if(~~!empty(~~$event~~->data->labels~~))
39	- {
40	- foreach($event->data->labels as $label)
41	- {
42	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
43	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured', 'modern-events-calendar-lite');
44	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled' , 'modern-events-calendar-lite');
45	- }
46	- }
47
48	// MEC Schema
49	do_action('mec_schema', $event);
	@@ -57,7 +50,7 @@ else $set_dark = '';
57	</span>
58	<span class="mec-timetable-event-span mec-timetable-event-title">
59	<?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color.$this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?>
60	- <?php if(!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; ?>
61	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>
62	</span>
63
	@@ -99,25 +92,17 @@ else $set_dark = '';
99	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
100	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
101	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
102	-
103	- $label_style = '';
104	- if(!empty($event->data->labels))
105	- {
106	- foreach($event->data->labels as $label)
107	- {
108	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
109
110	- ~~if($label['style']~~ == ~~'mec-label-featured') $label_style = esc_html__( 'Featured' , 'modern-events-calendar-lite' );~~
111	- ~~elseif(~~$~~label['style'] == 'mec-label-canceled') $~~label_style = ~~esc_html__~~( ~~'Canceled' , 'modern-events-calendar-lite'~~ );
112	- }
113	- }
114	?>
115	<article class="mec-event-article <?php echo $this->get_event_classes($event); ?>">
116	<?php echo $event_color; ?>
117	<div class="mec-timetable-t2-content">
118	<h4 class="mec-event-title">
119	<?php echo $this->display_link($event); ?>
120	- <?php echo $this->main->get_flags($event); if(!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; ?>
121	</h4>
122	<div class="mec-event-time">
123	<i class="mec-sl-clock-o"></i>


33	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
34	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
35	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
36	+
37	+ // Label Caption
38	+ $label_style = $this->get_label_caption($event);
39	+ $label_color = $this->get_label_caption_color($event);







40
41	// MEC Schema
42	do_action('mec_schema', $event);

50	</span>
51	<span class="mec-timetable-event-span mec-timetable-event-title">
52	<?php echo $this->display_link($event); ?><?php echo $this->main->get_flags($event).$event_color.$this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?>
53	+ <?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; ?>
54	<?php if($this->localtime) echo $this->main->module('local-time.type3', array('event'=>$event)); ?>
55	</span>
56

92	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
93	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
94	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';







95
96	+ // Label Caption
97	+ $label_style = $this->get_label_caption($event);
98	+ $label_color = $this->get_label_caption_color($event);

99	?>
100	<article class="mec-event-article <?php echo $this->get_event_classes($event); ?>">
101	<?php echo $event_color; ?>
102	<div class="mec-timetable-t2-content">
103	<h4 class="mec-event-title">
104	<?php echo $this->display_link($event); ?>
105	+ <?php echo $this->main->get_flags($event); if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; ?>
106	</h4>
107	<div class="mec-event-time">
108	<i class="mec-sl-clock-o"></i>

app/skins/weekly_view/render.php CHANGED Viewed

	@@ -25,23 +25,16 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
25	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
26	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
27	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
28	-
29	- ~~$label_style~~ = ~~'';~~
30	- if(~~!empty(~~$event~~->data->labels~~))
31	- {
32	- foreach($event->data->labels as $label)
33	- {
34	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
35	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured', 'modern-events-calendar-lite');
36	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled', 'modern-events-calendar-lite');
37	- }
38	- }
39
40	// MEC Schema
41	do_action('mec_schema', $event);
42	?>
43	<?php do_action('mec_weekly_view_content', $event); ?>
44	- <article data-style="<?php echo $label_style; ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article <?php echo $this->get_event_classes($event); ?>">
45	<div class="mec-event-list-weekly-date mec-color"><span class="mec-date-day"><?php echo $this->main->date_i18n('d', strtotime($event->date['start']['date'])); ?></span><?php echo $this->main->date_i18n('F', strtotime($event->date['start']['date'])); ?></div>
46	<div class="mec-event-image"><?php echo $event->data->thumbnails['thumbnail']; ?></div>
47	<?php if(trim($start_time)): ?><div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> <?php echo $start_time.(trim($end_time) ? ' - '.$end_time : ''); ?></div><?php endif; ?>


25	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
26	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
27	$event_start_date = !empty($event->date['start']['date']) ? $event->date['start']['date'] : '';
28	+
29	+ // Label Caption
30	+ $label_style = $this->get_label_caption($event);
31	+ $label_color = $this->get_label_caption_color($event);







32
33	// MEC Schema
34	do_action('mec_schema', $event);
35	?>
36	<?php do_action('mec_weekly_view_content', $event); ?>
37	+ <article data-style="<?php echo $label_style; ?>" data-color="<?php echo esc_attr($label_color); ?>" class="<?php echo (isset($event->data->meta['event_past']) and trim($event->data->meta['event_past'])) ? 'mec-past-event ' : ''; ?>mec-event-article <?php echo $this->get_event_classes($event); ?>">
38	<div class="mec-event-list-weekly-date mec-color"><span class="mec-date-day"><?php echo $this->main->date_i18n('d', strtotime($event->date['start']['date'])); ?></span><?php echo $this->main->date_i18n('F', strtotime($event->date['start']['date'])); ?></div>
39	<div class="mec-event-image"><?php echo $event->data->thumbnails['thumbnail']; ?></div>
40	<?php if(trim($start_time)): ?><div class="mec-event-time mec-color"><i class="mec-sl-clock-o"></i> <?php echo $start_time.(trim($end_time) ? ' - '.$end_time : ''); ?></div><?php endif; ?>

app/skins/yearly_view/render.php CHANGED Viewed

	@@ -42,16 +42,9 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
42	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
43	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
44
45	- ~~$label_style~~ = ~~'';~~
46	- if(~~!empty(~~$event~~->data->labels~~))
47	- {
48	- foreach($event->data->labels as $label)
49	- {
50	- if(!isset($label['style']) or (isset($label['style']) and !trim($label['style']))) continue;
51	- if($label['style'] == 'mec-label-featured') $label_style = esc_html__('Featured', 'modern-events-calendar-lite');
52	- elseif($label['style'] == 'mec-label-canceled') $label_style = esc_html__('Canceled', 'modern-events-calendar-lite');
53	- }
54	- }
55
56	// MEC Schema
57	do_action('mec_schema', $event);
	@@ -71,7 +64,7 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
71	<span class="mec-agenda-event-title">
72	<?php echo $this->display_link($event); ?>
73	<?php echo $event_color; ?>
74	- <?php if(!empty($label_style)) echo '<span class="mec-fc-style">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
75	<?php echo $this->booking_button($event); ?>
76	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>
77	</span>
	@@ -82,7 +75,7 @@ $reason_for_cancellation = isset($this->skin_options['reason_for_cancellation'])
82	</div>
83	<?php endforeach; ?>
84	<span class="mec-yearly-max" data-count="<?php echo $count; ?>" ></span>
85	- <?php if ($count > 20): ?>
86	<div class="mec-load-more-wrap"><div class="mec-load-more-button" onclick=""><?php echo __('Load More', 'modern-events-calendar-lite'); ?></div></div>
87	<?php endif; ?>
88	</div>


42	$end_time = (isset($event->data->time) ? $event->data->time['end'] : '');
43	$event_color = isset($event->data->meta['mec_color']) ? '<span class="event-color" style="background: #'.$event->data->meta['mec_color'].'"></span>' : '';
44
45	+ // Label Caption
46	+ $label_style = $this->get_label_caption($event);
47	+ $label_color = $this->get_label_caption_color($event);







48
49	// MEC Schema
50	do_action('mec_schema', $event);

64	<span class="mec-agenda-event-title">
65	<?php echo $this->display_link($event); ?>
66	<?php echo $event_color; ?>
67	+ <?php if(!empty($label_style)) echo '<span class="mec-fc-style" data-color="'.esc_attr($label_color).'">'.$label_style.'</span>'; echo $this->main->get_normal_labels($event, $display_label).$this->main->display_cancellation_reason($event, $reason_for_cancellation); ?><?php do_action('mec_shortcode_virtual_badge', $event->data->ID ); ?>
68	<?php echo $this->booking_button($event); ?>
69	<?php if($this->localtime) echo $this->main->module('local-time.type2', array('event'=>$event)); ?>
70	</span>

75	</div>
76	<?php endforeach; ?>
77	<span class="mec-yearly-max" data-count="<?php echo $count; ?>" ></span>
78	+ <?php if($count > 20): ?>
79	<div class="mec-load-more-wrap"><div class="mec-load-more-button" onclick=""><?php echo __('Load More', 'modern-events-calendar-lite'); ?></div></div>
80	<?php endif; ?>
81	</div>

assets/css/backend.css CHANGED Viewed

	@@ -21,21 +21,21 @@
21	}
22
23	.mec-send-email-button {
24	- background:#008aff;
25	- color:#fff;
26	width: 100%;
27	display: block;
28	text-align: center;
29	font-size: 20px;
30	- padding: 10px ~~0px~~;
31	margin-top: 18px;
32	- font-weight: ~~bold~~;
33	border-radius: 4px;
34	- cursor: pointer;
35	}
36
37	.mec-send-email-button:hover {
38	- opacity: 0.9;
39	}
40
41	.mec-event-color-container,.mec-event-title-container {
	@@ -67,14 +67,16 @@
67	}
68
69	.wns-be-container {
70	- ~~font~~-~~family~~: ~~-apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Roboto, sans-serif~~;
71	- ~~max~~-~~width~~: ~~100%;~~
72	- background-~~color~~: ~~#f6f6f6~~;
73	- border: 1px solid #~~c1cad2~~;
74	- ~~box~~-~~shadow~~: ~~0 1px 1px rgba(0, 0, 0, .04)~~;
75	- margin-top: 40px;
76	- margin-right: 15px;
77	overflow: hidden;




78	}
79
80	.wns-be-sidebar {
	@@ -85,7 +87,8 @@
85
86	.wns-be-sidebar ul.wns-be-group-menu,.wns-be-sidebar ul.wns-be-group-menu li {
87	list-style: none;
88	- margin: 0

89	}
90
91	.wns-be-sidebar .wns-be-group-menu li a {
	@@ -93,45 +96,42 @@
93	position: relative;
94	outline: 0;
95	padding: 13px 4px 13px 20px;
96	- background: #~~e0e0e0~~;
97	background: 0 0;
98	border: none;
99	color: #3f454a;
100	- font-size: ~~13px~~;
101	font-weight: 600;
102	text-decoration: none;
103	- ~~-webkit-~~transition: ~~none;~~
104	- transition: none
105	}
106
107	- .wns-be-sidebar .wns-be-group-menu li a:hover {

108	background: #fff;
109	- color: #008aff;
110	opacity: 1
111	}
112
113	- .wns-be-sidebar .wns-be-group-menu>li.active>a,.wns-be-sidebar .wns-be-group-menu>li.active>a:hover {
114	- background: #008aff;
115	- background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%);
116	- color: #fff
117	- }
118	-
119	.wns-be-sidebar .wns-be-group-menu>li.active>a {
120	- ~~box~~-shadow: ~~0 2px 12px -5px #008aff~~



121	}
122
123	- .wns-be-sidebar .wns-be-group-menu li a:first-child {
124	border-top: none
125	}
126
127	.wns-be-main {
128	background: #fff;
129	margin-left: 260px;
130	- border-left: 1px solid #~~dedede~~;
131	padding-bottom: 84px;
132	box-shadow: inset 0 1px 0 #fff;
133	- min-height: ~~1120px~~;
134	- position: relative

135	}
136
137	.wns-be-main .wns-saved-settings {
	@@ -165,38 +165,54 @@
165	}
166
167	.wns-be-container .dpr-btn.dpr-save-btn {
168	- ~~color~~: ~~#fff~~;




169	font-weight: 500;
170	- ~~border~~-~~radius~~: ~~2px~~;
171	- ~~box~~-~~shadow~~: ~~0 3px 10px -4px #008aff~~;

172	text-shadow: none;
173	- ~~background~~: ~~#008aff~~;
174	- background: ~~linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%)~~;












175	border: none;
176	- ~~transition~~: ~~.24s~~

177	}
178
179	.wns-be-container .dpr-btn.dpr-save-btn:hover {
180	- ~~background~~: ~~#222~~;
181	- background: ~~linear-gradient(95deg,#555 0,#222 50%,#000 100%)~~;
182	- ~~box~~-~~shadow~~: ~~0 5px 23px -7px rgba(0,0,0,.5)~~;
183	- cursor: pointer
184	}
185
186	.wns-be-container .wns-be-group-tab h2,.wns-be-container .wns-be-group-tab h4 {
187	- ~~color~~: ~~#000~~;
188	- margin-~~bottom~~: ~~25px~~;
189	- padding: 15px;
190	- background: #f5f5f5;
191	font-size: 21px;
192	- line-height: ~~23px~~;
193	- letter-spacing: .4px;
194	font-weight: 700;
195	position: relative
196	}
197
198	- .wns-be-container .wns-be-group-tab h2 {
199	- margin-~~top~~: ~~10px~~
200	}
201
202	.wns-be-container .wns-be-group-tab h2:before,.wns-be-container .wns-be-group-tab h4:before {
	@@ -204,33 +220,28 @@
204	width: 4px;
205	height: 16px;
206	margin-right: 5px;
207	- background-color: #~~008aff~~;
208	display: block;
209	position: absolute;
210	left: 0;
211	- top: ~~18px~~
212	}
213
214	- .wns-be-container .wns-be-group-tab ~~h4:before~~ {
215	- ~~width~~: ~~2px~~;
216	- ~~top~~: ~~16px~~
217	}
218
219	- .wns-be-~~container .wns-be-~~group-tab h4 {
220	- font-size: 16px;
221	- font-weight: ~~600~~;
222	- ~~background~~: ~~#f8f8f8~~;
223	- border: none;
224	- padding: 12px 15px 12px 15px
225	}
226
227	.wns-be-container .wns-be-group-tab p {
228	- font-size: ~~13px~~;
229	- color: #~~888~~
230	- }
231	-
232	- .wns-be-sidebar .wns-be-group-tab-link-a:hover {
233	- cursor: pointer
234	}
235
236	.wns-be-sidebar .wns-be-group-tab-link-a span {
	@@ -238,62 +249,74 @@
238	}
239
240	.wns-be-sidebar .wns-be-group-tab-link-a span.wns-be-group-menu-title {
241	- padding-left: 24px



242	}
243
244	.wns-be-sidebar li.active ul.subsection {
245	padding-top: 8px;
246	padding-bottom: 12px;
247	background: #fff;
248	- border-bottom: 1px solid #~~dedede~~;
249	margin: 0
250	}
251
252	.wns-be-sidebar li .subsection a {
253	background: #fff;
254	- color: #~~636363~~;
255	opacity: 1;
256	- font-size: ~~12px~~;
257	- ~~padding~~: ~~6px 4px 6px 46px~~


258	}
259
260	.wns-be-sidebar li .subsection a:hover {
261	- background: #~~f6f6f6~~;
262	- color: #~~222~~





263	}
264
265	.wns-be-sidebar .wns-be-group-menu li .subsection li.active a {
266	- color: #~~008aff~~


267	}
268
269	.wns-be-sidebar .wns-be-group-menu li .subsection li.active a:after,.wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
270	position: absolute;
271	- z-index: ~~999~~;
272	content: " ";
273	height: 0;
274	width: 0;
275	- border: ~~7px~~ solid transparent;
276	border-right-color: #fff;
277	right: -1px;
278	- top: ~~10px~~
279	}
280
281	.wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
282	- border-right-color: #~~c5c5c5~~;
283	right: 0
284	}
285
286	.wns-be-sidebar li a i {
287	color: #a0abb5;
288	vertical-align: middle;
289	- font-size: ~~18px~~;
290	position: absolute;
291	- margin-top: 0;
292	- margin-left: -4px;
293	}
294
295	- .wns-be-sidebar .wns-be-group-menu li.active>a i {
296	- ~~color~~: ~~#fff~~

297	}
298
299	.wns-be-sidebar .has-sub span.extra-icon {
	@@ -343,7 +366,7 @@
343
344	.wns-be-container #wns-be-infobar {
345	background: #fff;
346	- border-bottom: 1px solid #~~dedede~~;
347	padding: 20px;
348	text-align: right;
349	box-shadow: inset 0 1px 0 #fcfcfc;
	@@ -351,7 +374,7 @@
351	box-sizing: border-box;
352	-moz-box-sizing: border-box;
353	-webkit-box-sizing: border-box;
354	- position: relative
355	}
356
357	.wns-be-container #wns-be-infobar:before {
	@@ -363,8 +386,8 @@
363	left: 0;
364	top: 0;
365	background: #fff url(../img/webnus-logo.png) no-repeat center;
366	- border-bottom: 1px solid #~~dedede~~;
367	- background-size: ~~220px~~;
368	z-index: 997
369	}
370
	@@ -386,56 +409,164 @@
386	text-shadow: 0 1px 0 rgba(255,255,255,.5)
387	}
388
389	- ~~@media(min~~-~~width:~~ ~~860px)~~ ~~and~~ ~~(max~~-~~width:1280px)~~ {
390	- ~~.wns~~-~~be-sidebar~~ {
391	- ~~width~~: ~~210px~~;


























392	}
393
394	.wns-be-sidebar li .subsection a {
395	- padding-left: 24px;
396	}
397
398	.wns-be-main {
399	- margin-left: 210px;
400	}
401
402	- .~~mec~~-~~form~~-~~row~~ ~~.mec-col-9 label,~~
403	- ~~.mec-form-row~~ ~~.mec-col-8 label {~~
404	- ~~padding-right: 14px;~~



405	}
406
407	.wns-be-container #wns-be-content {
408	- padding: 5px 10px 0;


























409	}
410
411	.mec-container {
412	- padding: ~~8px;~~
















413	}
414	}
415




416
417	- ~~@media(max~~-~~width:~~ ~~480px)~~{





418	a.dpr-btn.dpr-save-btn {
419	- display: block !important;
420	- text-align: center !important;
421	- margin-top: 20px !important;
422	}
423
424	.mec-search-settings-wrap {
425	- ~~margin~~-~~top~~: ~~73px~~ !important;
426	- ~~text-align~~: ~~center~~ !important;
427	- display: block !important;
428	}
429
430	#mec-search-settings {
431	- margin: 0 !important;
432	- width: 100~~% !~~important;
433	}

434	.wns-be-container #wns-be-infobar {
435	- height: auto !important;
























436	}
437	- }
438





439
440	body.post-type-mec-events th.column-primary {
441	width: 35%
	@@ -526,7 +657,7 @@ body.post-type-mec-books th.column-author {
526	.mec-tooltip .dashicons-before:before {
527	font-size: 24px;
528	color: #40d9f1;
529	- line-height: 37px;
530	}
531
532	.mec-tooltip a:focus {
	@@ -664,7 +795,7 @@ body.post-type-mec-books th.column-author {
664	position: relative;
665	min-height: 1px;
666	padding: 0;
667	- margin: 0 ~~1% 0 0~~
668	}
669
670	@media (min-width: 783px) {
	@@ -721,237 +852,241 @@ body.post-type-mec-books th.column-author {
721	}
722	}
723
724	- #mec-occurrences .mec-occurrences-list,
725	- #~~mec_bfixed_form_fields,~~
726	- ~~#mec_event_form_fields,~~
727	- ~~#mec_reg_form_fields~~ {
728	- ~~background~~: ~~#eee~~;
729	- ~~padding~~: ~~20px~~

730	}
731
732	- #mec-occurrences .mec-occurrences-list li,
733	- ~~#mec_bfixed_form_fields~~ ~~li,~~
734	- ~~#mec_event_form_fields~~ ~~li,~~
735	- ~~#mec_reg_form_fields~~ li {
736	- margin: 4px;
737	- border-radius: 2px;
738	- padding: 20px 34px 24px;
739	background: #fff;
740	position: relative;
741	- transition: all .3s ease


742	}
743
744	-
745	- #mec_bfixed_form_fields li ul,
746	- #mec_event_form_fields li ul,
747	- #mec_reg_form_fields li ul {
748	padding-top: 15px;
749	padding-bottom: 15px;
750	margin: 1px
751	}
752
753	- #mec_bfixed_form_fields li ul li,
754	- #mec_event_form_fields li ul li,
755	- #mec_reg_form_fields li ul li {
756	padding: 7px 30px 7px 46px
757	}
758
759	- #mec_bfixed_form_fields span.mec_event_field_type,
760	- ~~#mec_event_form_fields~~ ~~span.mec_event_field_type,~~
761	- #mec_reg_form_fields span.mec_reg_field_type {
762	- font-size: 11px;
763	font-weight: 600;
764	- color: #~~8a8a8a~~;
765	- text-transform: ~~uppercase~~;
766	- letter-spacing: ~~2px~~
767	- }
768	-
769	- ~~#mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button,~~
770	- #mec_bfixed_form_fields span.mec_bfixed_field_option_sort,
771	- #mec_bfixed_form_fields span.mec_bfixed_field_remove,
772	- #mec_bfixed_form_fields span.mec_bfixed_field_sort,
773	- #mec_event_form_fields span.mec_event_field_option_sort,
774	- #mec_event_form_fields span.mec_event_field_remove,
775	- #mec_event_form_fields span.mec_event_field_sort,
776	- #mec_reg_form_fields span.mec_reg_field_option_sort,
777	- #mec_reg_form_fields span.mec_reg_field_remove,
778	- #mec_reg_form_fields span.mec_reg_field_sort {
779	font-size: 0;
780	color: #fff
781	}
782
783	- #mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button,
784	- #mec_bfixed_form_fields span.mec_bfixed_field_remove,
785	- #mec_event_form_fields span.mec_event_field_remove,
786	- #mec_reg_form_fields span.mec_reg_field_remove {
787	position: absolute;
788	- right: 0;
789	- top: 0

790	}
791
792	- #mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button:before,
793	- #mec_bfixed_form_fields span.mec_bfixed_field_option_sort:before,
794	- #mec_bfixed_form_fields span.mec_bfixed_field_remove:before,
795	- #mec_bfixed_form_fields span.mec_bfixed_field_sort:before,
796	- #mec_event_form_fields span.mec_event_field_option_sort:before,
797	- #mec_event_form_fields span.mec_event_field_remove:before,
798	- #mec_event_form_fields span.mec_event_field_sort:before,
799	- #mec_reg_form_fields span.mec_reg_field_option_sort:before,
800	- #mec_reg_form_fields span.mec_reg_field_remove:before,
801	- #mec_reg_form_fields span.mec_reg_field_sort:before {
802	position: absolute;
803	- left: ~~10px~~;
804	- top: ~~20px~~;
805	width: 80px;
806	height: 20px;
807	display: block;
808	cursor: move;
809	font-family: simple-line-icons;
810	content: "\e023";
811	- font-size: ~~18px~~;
812	- color: #~~888~~
813	}
814
815	#mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button:before {
816	- font-weight: 400;
817	}
818
819	- #mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button:before,
820	- #mec_bfixed_form_fields span.mec_bfixed_field_remove:before,
821	- #mec_event_form_fields span.mec_event_field_remove:before,
822	- #mec_reg_form_fields span.mec_reg_field_remove:before {
823	content: "\e082";
824	width: 20px;
825	height: 20px;
826	left: auto;
827	right: 15px;
828	color: #f96666;
829	- cursor: pointer

830	}
831
832	- #mec_bfixed_form_fields span.mec_bfixed_field_option_sort:before,
833	- #mec_event_form_fields span.mec_event_field_option_sort:before,
834	- #mec_reg_form_fields span.mec_reg_field_option_sort:before {
835	font-size: 13px;
836	- left: ~~2px~~;
837	- top: ~~23px~~;
838	- width: ~~14px~~;
839	- height: ~~14px~~
840	- }
841	-
842	- #mec_bfixed_form_fields li ul li span.mec_bfixed_field_remove,
843	- #mec_event_form_fields li ul li span.mec_event_field_remove,
844	- #mec_reg_form_fields li ul li span.mec_reg_field_remove {
845	- right: auto;
846	- left: 60px;
847	- top: 2px
848	}
849
850	- #mec_bfixed_form_fields p.mec_bfixed_field_options,
851	- ~~#mec_event_form_fields~~ ~~p.mec_event_field_options,~~
852	- #mec_reg_form_fields p.mec_reg_field_options {
853	- margin: 6px 0 8px
854	}
855
856	- #mec_bfixed_form_fields input[type=number],#mec_bfixed_form_fields input[type=text],#mec_bfixed_form_fields select,#mec_bfixed_form_fields textarea,
857	- #mec_event_form_fields input[type=number],#mec_event_form_fields input[type=text],#mec_event_form_fields select,#mec_event_form_fields textarea,
858	- #mec_reg_form_fields input[type=number],#mec_reg_form_fields input[type=text],#mec_reg_form_fields select,#mec_reg_form_fields textarea {
859	min-width: 260px;
860	min-height: 34px;
861	margin-bottom: 7px;
862	margin-top: 7px
863	}
864
865	- #mec_bfixed_form_fields textarea,
866	- #mec_event_form_fields textarea,
867	- #mec_reg_form_fields textarea {
868	min-height: 66px
869	}
870
871	- #mec_bfixed_form_field_types button,#mec_bfixed_form_fields button,
872	- #mec_event_form_field_types button,#mec_event_form_fields button,
873	- #mec_reg_form_field_types button,#mec_reg_form_fields button {
874	position: relative;
875	outline: 0;
876	background: #fff;
877	- border: 1px solid #~~e2e2e2~~;
878	border-radius: 50px;
879	- padding: 11px 21px ~~11px~~ 31px;
880	line-height: 1;
881	- font-size: ~~11px~~;
882	font-weight: 600;
883	- color: #~~444~~;
884	- letter-spacing: ~~2px~~;
885	height: auto;
886	cursor: pointer;
887	margin-top: 5px;
888	- text-transform: ~~uppercase~~;
889	- box-shadow: 0 0 3px rgba(0,0,0,.03)
890	}
891
892	- #mec_bfixed_form_field_types button:hover,#mec_bfixed_form_fields button:hover,
893	- ~~#mec_event_form_field_types button~~:~~hover,#mec_event_form_fields~~ ~~button:hover,~~
894	- #mec_reg_form_field_types button:hover,#mec_reg_form_fields button:hover {
895	- border-color: #008aff;
896	box-shadow: 0 0 7px rgba(0,0,0,.1)
897	}
898
899	- #mec_bfixed_form_field_types button:before,#mec_bfixed_form_fields button:before,
900	- #mec_event_form_field_types button:before,#mec_event_form_fields button:before,
901	- #mec_reg_form_field_types button:before,#mec_reg_form_fields button:before {
902	position: absolute;
903	- left: ~~12px~~;
904	- color: #~~008aff~~;
905	content: "\e095";
906	font-family: simple-line-icons;
907	font-size: 13px;
908	- display: inline-block

909	}
910
911	- #mec_bfixed_form_field_types button.red:hover,#mec_bfixed_form_fields button.red:hover,
912	- ~~#mec_event_form_field_types button.red~~:~~hover,#mec_event_form_fields~~ ~~button.red:hover,~~
913	- #mec_reg_form_field_types button.red:hover,#mec_reg_form_fields button.red:hover {
914	- border-color: red;
915	box-shadow: 0 0 7px rgba(0,0,0,.1)
916	}
917
918	- #mec_bfixed_form_field_types button.red:before,#mec_bfixed_form_fields button.red:before,
919	- #mec_event_form_field_types button.red:before,#mec_event_form_fields button.red:before,
920	- #mec_reg_form_field_types button.red:before,#mec_reg_form_fields button.red:before {
921	position: absolute;
922	left: 12px;
923	- color: ~~red~~;
924	content: "\e095";
925	font-family: simple-line-icons;
926	font-size: 13px;
927	display: inline-block
928	}
929
930	- #mec_bfixed_form_fields .mec_bfixed_notification_placeholder,
931	- #mec_event_form_fields .mec_event_notification_placeholder {
932	padding: 2px;
933	display: block;
934	- margin: 10px 0 20px;
935	}
936
937	@media (max-width: 768px) {
938	- #mec_bfixed_form_fields input[type=number],#mec_bfixed_form_fields input[type=text],#mec_bfixed_form_fields select,#mec_bfixed_form_fields textarea,
939	- #mec_event_form_fields input[type=number],#mec_event_form_fields input[type=text],#mec_event_form_fields select,#mec_event_form_fields textarea,
940	- #mec_reg_form_fields input[type=number],#mec_reg_form_fields input[type=text],#mec_reg_form_fields select,#mec_reg_form_fields textarea {
941	min-width:80px;
942	width: 100%
943	}
944	}
945
946	-
947	.mec-form-row {
948	- ~~margin~~: 0 ~~auto~~ ~~16px;~~





























































949	}
950
951	.mec-options-fields {
952	padding-top: 25px;
953	overflow: hidden;
954	- animation: fadeEffect 0.31s
955	}
956
957	#mec_booking_form .mec-options-fields,#mec_modules_form .mec-options-fields,#mec_notifications_form .mec-options-fields,#mec_settings_form .mec-options-fields,#mec_single_form .mec-options-fields {
	@@ -970,7 +1105,7 @@ body.post-type-mec-books th.column-author {
970
971	to {
972	opacity: 1;
973	- margin-left: ~~0px~~
974	}
975	}
976
	@@ -983,43 +1118,126 @@ body.post-type-mec-books th.column-author {
983	clear: both
984	}
985
986	- .mec-form-row input[type=number],
987	- .mec-form-row input[type=text],
988	- .mec-form-row input[type=url],
989	- .mec-form-row select,
990	- .mec-form-row textarea {
991	height: 38px;
992	box-sizing: border-box;
993	margin-bottom: 8px;
994	padding: 0 6px;
995	box-shadow: none;
996	border-radius: 2px;
997	- box-shadow: inset 0 1px 5px rgba(0, 0, 0~~, .~~05);












































































998	}
999
1000	.mec-form-row input[type=radio] {
1001	- margin: 0 6px 0 0;
1002	}
1003
1004	.mec-form-row select {
1005	margin-top: 1px
1006	}
1007
1008	- /* WordPress 3 select */
1009	.mec-form-row select {
1010	- min-width: ~~87px;~~












1011	}
1012
1013	#mec_meta_box_repeat_form .mec-form-row select {
1014	- min-width: 65px;
1015	}
1016
1017	.ui-datepicker select {
1018	- min-width: 60px;
1019	}
1020
1021	#mec_styles_CSS {
1022	- max-width: 100%;
1023	}
1024
1025	.mec-book-status-form select {
	@@ -1030,49 +1248,73 @@ body.post-type-mec-books th.column-author {
1030	}
1031
1032	.mec-form-row label {
1033	- ~~margin~~: ~~10px 0~~















1034	}
1035
1036	#mec-event-data .mec-form-row label {
1037	margin: 10px 0;
1038	- display: block;
1039	}
1040
1041	- .mec-form-row input[type=checkbox] {
1042	- ~~background-color~~: ~~#fafafa~~;
1043	- ~~border~~: ~~1px solid #cacece~~;
1044	- ~~box~~-~~shadow~~: 0 ~~1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05)~~;
1045	- ~~padding~~: ~~9px~~;
1046	- border~~-radius~~: ~~3px~~;
1047	- ~~min~~-~~width~~: ~~20px;~~
1048	- min-height: 20px;
1049	- display: inline-block
1050	}
1051
1052	- .mec-form-row input[type=checkbox]:checked {
1053	- ~~box-shadow~~: ~~0 3px 11px -4px~~ #~~008aff~~;
1054	- border-color: #~~008aff~~;
1055	- ~~background~~: #~~fff~~


1056	}
1057
1058	- .mec-form-row input[type=checkbox]:checked:before {
1059	- color: #~~008aff~~;
1060	- ~~width~~: ~~20px~~;
1061	- font: ~~400 24px/1 dashicons~~









1062	}
1063
1064	- #mec_settings_fes_thankyou_page_url,
1065	- .mec-form-row .mec-col-4 input[type=text],
1066	- .mec-form-row .mec-col-4 select,
1067	- .mec-form-row .mec-col-4 textarea,
1068	- .mec-form-row .mec-col-4 input[type=number] {
1069	width: 82%;





1070	}
1071
1072	.mec-form-row .description {
1073	display: inline-block;
1074	border-left: 1px dashed #ccc;
1075	- margin-left: 12px;
1076	line-height: 32px;
1077	padding-left: 12px;
1078	margin-top: 5px;
	@@ -1080,7 +1322,7 @@ body.post-type-mec-books th.column-author {
1080	}
1081
1082	.mec-form-row .description code {
1083	- font-style: normal;
1084	}
1085
1086	.mec-form-row .time-dv {
	@@ -1104,18 +1346,32 @@ body.post-type-mec-books th.column-author {
1104	margin: 40px 0 16px
1105	}
1106









1107	.mec-meta-box-fields .mec-dashicons {
1108	font-size: 20px;
1109	line-height: 22px;
1110	- color: #~~008aff~~
1111	}
1112
1113	.mec-form-row .mec-box,.mec-meta-box-fields .mec-box {
1114	- background: #~~f7f7f7~~;
1115	- padding: 10px;
1116	margin: 10px 0;
1117	- border-radius: 2px;
1118	- border: 1px solid #~~e6e6e6~~





1119	}
1120
1121	.mec-form-row .mec-box {
	@@ -1136,7 +1392,11 @@ body.post-type-mec-books th.column-author {
1136
1137	.mec-container {
1138	background: #fff;
1139	- padding: 15px




1140	}
1141
1142	.nav-tab-active {
	@@ -1148,19 +1408,6 @@ body.post-type-mec-books th.column-author {
1148	margin-bottom: 0
1149	}
1150
1151	- #mec_gateways_form h4,.mec-meta-box-fields h4,.mec-options-fields h4,h4.mec-form-subtitle {
1152	- text-transform: capitalize;
1153	- border-bottom: 1px solid #e5e5e5;
1154	- padding-bottom: 6px;
1155	- margin: 40px 0 16px;
1156	- font-size: 15px;
1157	- font-weight: 600
1158	- }
1159	-
1160	- #mec_gateways_form h4 {
1161	- margin-bottom: 0
1162	- }
1163	-
1164	#mec_styles_form #mec_styles_CSS {
1165	height: 200px;
1166	margin-bottom: 5px;
	@@ -1171,7 +1418,7 @@ body.post-type-mec-books th.column-author {
1171	outline: 0
1172	}
1173
1174	- #mec_calendar_filter .description~~,#mec_styles_form~~ ~~.description~~ {
1175	max-width: 500px;
1176	display: block;
1177	margin: 0 0 5px 0;
	@@ -1193,30 +1440,41 @@ body.post-type-mec-books th.column-author {
1193	border-color: #008aff
1194	}
1195
1196	- .mec-sed-methods li.active {
1197	- border-color: #008aff;
1198	- background-color: #fff;
1199	- color: #008aff;
1200	- font-weight: 600;
1201	- cursor: default;
1202	- box-shadow: 0 0 4px rgba(1, 138, 255~~, .~~3) inset;


















1203	}
1204
1205	- .mec-switcher input+label {
1206	- ~~display~~: ~~block~~;
1207	- ~~position~~: ~~relative~~;
1208	- ~~cursor~~: ~~pointer;~~
1209	- outline: 0;
1210	- padding: 2px;
1211	- width: 38px;
1212	- height: 22px;
1213	- background-color: #ddd;
1214	- border-radius: 60px
1215	}
1216
1217	- .mec-switcher input:checked+label {
1218	- ~~background~~-~~color~~: ~~#008aff;~~
1219	- box-shadow: 0 3px 22px -6px #008aff
1220	}
1221
1222	.mec-switcher input:checked+label:after {
	@@ -1231,21 +1489,24 @@ body.post-type-mec-books th.column-author {
1231	min-height: 65px
1232	}
1233
1234	- #payment_gateways_option li .mec-gateway-options-form,
1235	- ~~#mec_gateways_form~~ li ~~.mec-gateway-options-form~~ {
1236	- ~~padding~~: ~~15px 20px~~;
1237	- ~~background-color~~: #~~f7f7f7~~;
1238	- border-left: 6px solid #~~e3e3e3~~;
1239	- margin-bottom: ~~20px~~




1240	}
1241
1242	- #mec_gateways_form_container .mec-form-row input[type=number],
1243	- ~~#mec_gateways_form_container~~ ~~.mec-form-row select {~~
1244	- width: 100%;
1245	}
1246
1247	div#mec_gateways_form_container .mec-required.mec-mandatory {
1248	- border: 1px solid red;
1249	}
1250
1251	#booking_notification_section label {
	@@ -1254,11 +1515,7 @@ div#mec_gateways_form_container .mec-required.mec-mandatory {
1254	}
1255
1256	div#booking_notification_section iframe {
1257	- height: 300px !important;
1258	- }
1259	-
1260	- #booking_notification_section input[type=text],#booking_notification_section select {
1261	- min-width: 300px
1262	}
1263
1264	@media (max-width: 536px) {
	@@ -1267,17 +1524,13 @@ div#booking_notification_section iframe {
1267	}
1268	}
1269
1270	- #booking_notification_section .wp-editor-container {
1271	- margin-bottom: 45px
1272	- }
1273	-
1274	#booking_notification_section ul li:last-child .wp-editor-container {
1275	margin-bottom: 0
1276	}
1277
1278	#mec_messages_form_container ul li label {
1279	display: block;
1280	- font-weight: ~~700~~
1281	}
1282
1283	#mec_messages_form_container ul li input {
	@@ -1287,19 +1540,25 @@ div#booking_notification_section iframe {
1287
1288	.mec-message-categories li.mec-acc-label {
1289	font-size: 15px;
1290	- font-weight: ~~600~~;
1291	padding: 0 30px;
1292	cursor: pointer;
1293	background-color: #fff;
1294	border: none;
1295	border-bottom: 1px solid #e6e6e6;
1296	margin: 0;
1297	- letter-spacing: 0.~~5px~~;
1298	- position: relative;
1299	}
1300
1301	.mec-message-categories li.mec-acc-label .mec-acc-cat-name {
1302	- line-height: ~~68px~~;






1303	}
1304
1305	.mec-message-categories ul {
	@@ -1365,8 +1624,13 @@ div#booking_notification_section iframe {
1365	padding: 2px;
1366	width: 50px;
1367	height: 22px;
1368	- background-color: #~~ddd~~;
1369	- border-radius: 60px





1370	}
1371
1372	.mec-switcher input+label:after,.mec-switcher input+label:before {
	@@ -1389,32 +1653,36 @@ div#booking_notification_section iframe {
1389	width: 24px;
1390	background-color: #fff;
1391	border-radius: 100%;
1392	- ~~box-shadow~~: 0 ~~2px 3px rgba(0,0,0,.1)~~;
1393	- ~~transition~~: ~~margin~~ ~~.4s~~
1394	- }
1395	-
1396	- .wns-be-group-tab .mec-switcher input[value="1"]+label,
1397	- .wns-be-group-tab .mec-switcher input[value="1"]+label:before {
1398	- background-color: #008aff;
1399	- background: linear-gradient(95deg, #4dacfd 0, #0d90ff 50%, #008aff 100%);
1400	- box-shadow: 0 3px 11px -7px #008aff;
1401	}
1402
1403	- .~~wns-be-group-tab .~~mec-switcher input~~[value="1"]~~+label:after {
1404	- margin-~~left~~: ~~28px~~



1405	}
1406
1407	- .mec-switcher input~~:checked~~+label {
1408	- box-shadow: 0 ~~3px~~ ~~11px~~ -~~7px~~ #~~008aff~~;



1409	}
1410
1411	- .mec-switcher input~~:checked~~+label:before {
1412	- ~~background-color~~: ~~#008aff~~;
1413	- background: ~~linear-gradient(95deg,~~ #~~4dacfd 0, #0d90ff 50%, #008aff 100%)~~;


1414	}
1415
1416	- .mec-switcher input~~:checked~~+label:after {
1417	- margin-left: ~~28px~~


1418	}
1419
1420	.mec-switcher label {
	@@ -1480,8 +1748,25 @@ div#booking_notification_section iframe {
1480	.mec-image-select-wrap li {
1481	float: left;
1482	display: block;
1483	- margin-right: ~~15px~~;
1484	- margin-bottom: ~~15px~~

















1485	}
1486
1487	.mec-image-select-wrap li input {
	@@ -1495,42 +1780,41 @@ div#booking_notification_section iframe {
1495	margin: 3px;
1496	border-radius: 2px;
1497	border: 3px solid transparent;
1498	- transition: all 0.2s ease;
1499	}
1500
1501	.mec-image-select-wrap li input:checked+span {
1502	- border-color: #~~ffffff~~;
1503	- box-shadow: 0 0 14px rgba(0, 0, 0~~, 0.~~25);
1504	}
1505
1506	-
1507	.mec-image-select-wrap li input:checked+span:after {
1508	- content: "\~~f00c~~";
1509	- font-family: ~~fontawesome~~;
1510	- font-size: ~~20px~~;
1511	display: inline-block;
1512	color: #fff;
1513	- padding: 8px;
1514	max-width: 100%;
1515	- max-height: 100%

1516	}
1517
1518	- /* MEC Import/Export fix CSS */
1519	.m-e-calendar_page_MEC-ix #wpwrap .mec-button-primary.mec-btn-2 {
1520	- margin: 0 0 0 12px;
1521	}
1522
1523	.m-e-calendar_page_MEC-ix #wpwrap input[type=file] {
1524	padding-top: 12px;
1525	- padding-bottom: 12px;
1526	}
1527
1528	.m-e-calendar_page_MEC-ix #wpwrap .mec-form-row select {
1529	- min-height: 46px;
1530	}
1531
1532	.mec-image-select-wrap .mec-colorskin-1 {
1533	- background-color: #40d9f1;
1534	}
1535
1536	.mec-image-select-wrap .mec-colorskin-2 {
	@@ -1617,6 +1901,18 @@ div#booking_notification_section iframe {
1617	background-color: #3a609f
1618	}
1619












1620	@media screen and (max-width: 782px) {
1621	.mec-form-row .description {
1622	max-width:500px;
	@@ -1682,7 +1978,7 @@ h5.mec-form-second-title {
1682
1683	@media(max-width: 1280px) {
1684	#webnus-dashboard.about-wrap {
1685	- max-width: 1024px;
1686	}
1687	}
1688
	@@ -1691,7 +1987,10 @@ h5.mec-form-second-title {
1691	}
1692
1693	#webnus-dashboard .welcome-head img {
1694	- border: ~~none~~



1695	}
1696
1697	.w-welcome {
	@@ -1708,17 +2007,19 @@ h5.mec-form-second-title {
1708	}
1709
1710	.w-theme-version {
1711	- box-shadow: 0 ~~3px~~ ~~30px~~ -~~4px~~ #~~40d8f0~~;
1712	text-shadow: none;
1713	- background: #~~40d8f0~~;
1714	- background: linear-gradient(95deg,#40d8f0 0,#2dd1ea 50%,#13cbe8 100%);
1715	text-align: center;
1716	display: block;
1717	padding: 10px 0;
1718	- color: #~~fff~~;
1719	- font-weight: ~~600~~;
1720	- margin-top: ~~10px~~;
1721	- border-radius: ~~2px~~



1722	}
1723
1724	.w-box {
	@@ -1729,7 +2030,7 @@ h5.mec-form-second-title {
1729	}
1730
1731	.w-box.print-events {
1732	- min-height: 134px;
1733	}
1734
1735	.w-box-head {
	@@ -2056,7 +2357,7 @@ p.mec_dash_count {
2056
2057	.w-box.total-bookings ul li {
2058	padding: 0;
2059	- transition: all .1s ease;
2060	}
2061
2062	.w-box.total-bookings ul li a {
	@@ -2068,34 +2369,32 @@ p.mec_dash_count {
2068	letter-spacing: .4px;
2069	transition: all .1s ease;
2070	font-weight: 600;
2071	- text-decoration: none;
2072	}
2073
2074	.w-box.total-bookings ul li.active {
2075	- background: #38d5ed;
2076	}
2077
2078	.w-box.total-bookings ul li:hover {
2079	background: #000;
2080	- box-shadow: 0 2px 3px -2px #222;
2081	}
2082
2083	#webnus-dashboard .w-box.total-bookings ul li a {
2084	- color: #000;
2085	}
2086
2087	- #webnus-dashboard .w-box.total-bookings ul li.active a,
2088	- ~~#webnus-dashboard .w-box.total-bookings ul li~~:~~hover~~ ~~a {~~
2089	- color: #fff;
2090	}
2091
2092	#webnus-dashboard .w-box.total-bookings ul li a:focus {
2093	box-shadow: unset;
2094	outline: unset;
2095	- outline-offset: 0;
2096	}
2097
2098	-
2099	.info-msg,.mec-error,.mec-success,.warning-msg {
2100	margin: 10px 0;
2101	padding: 10px;
	@@ -2127,7 +2426,7 @@ p.mec_dash_count {
2127	}
2128
2129	.mec-error {
2130	- color: #d8000c;
2131	background-color: #ffbaba
2132	}
2133
	@@ -2151,8 +2450,17 @@ p.mec_dash_count {
2151	box-shadow: 0 0 3px rgba(0,0,0,.03)
2152	}
2153









2154	.mec-certain-day>div:hover,.mec-select-deselect-actions li:hover,.mec-xi-facebook-import-events .mec-select-deselect-actions li:hover,.mec-xi-google-import-events .mec-select-deselect-actions li:hover {
2155	- border-color: #~~008aff~~;
2156	box-shadow: 0 0 7px rgba(0,0,0,.1)
2157	}
2158
	@@ -2167,12 +2475,12 @@ p.mec_dash_count {
2167	line-height: 12px;
2168	display: inline-block;
2169	margin-right: -5px;
2170	- margin-left: 6px;
2171	}
2172
2173	div#mec_not_in_days_row2:hover {
2174	- border-color: #e2e2e2 !important;
2175	- box-shadow: none !important;
2176	}
2177
2178	.mec-xi-facebook-import-events .mec-success,.mec-xi-google-import-events .mec-success {
	@@ -2218,7 +2526,6 @@ div#mec_not_in_days_row2:hover {
2218	}
2219
2220	span.mec-archive-skins,span.mec-category-skins {
2221	- margin-left: 10px;
2222	vertical-align: text-bottom
2223	}
2224
	@@ -2250,35 +2557,27 @@ span.mec-archive-skins,span.mec-category-skins {
2250	}
2251
2252	.mec-shortcode-virtual-badge i {
2253	- padding: 0 5px 0 7px;
2254	}
2255
2256	- /* Virtual Events Back-end Style */
2257	@media(min-width: 760px) and (max-width:1280px) {
2258	- .mec-zoom-event-wrap .mec-form-row .mec-col-1,
2259	- ~~.mec-virtual-event-wrap .mec-form-row .mec-col-1 {~~
2260	- width: 12%;
2261	}
2262	- ~~.mec-zoom-event-wrap .mec-form-row .mec-col-6,~~
2263	- .mec-zoom-event-wrap .mec-form-row .mec-col-4,
2264	- ~~.mec-virtual-event-wrap~~ ~~.mec-form-row .mec-col-6,~~
2265	- .mec-virtual-event-wrap .mec-form-row .mec-col-4 {
2266	- width: 40%;
2267	}
2268	- ~~.mec-zoom-event-wrap .mec-form-row .mec-col-3,~~
2269	- .mec-zoom-event-wrap .mec-form-row .mec-col-5,
2270	- ~~.mec-virtual-event-wrap~~ ~~.mec-form-row .mec-col-3,~~
2271	- .mec-virtual-event-wrap .mec-form-row .mec-col-5 {
2272	- width: 45%;
2273	}
2274	- ~~.mec-zoom-event-wrap .mec-form-row .mec-col-2,~~
2275	- .mec-virtual-event-wrap .mec-form-row .mec-col-2 {
2276	- width: 21%;
2277	}
2278	}
2279
2280	-
2281	- /* Zoom Event Import Select All & Deselect All */
2282	#mec_zoom_checkall {
2283	background: #fff;
2284	border: 1px solid #282828;
	@@ -2287,30 +2586,28 @@ span.mec-archive-skins,span.mec-category-skins {
2287	margin: 30px 0 0;
2288	cursor: pointer;
2289	display: block;
2290	- transition: all 0.3s ease;
2291	- -webkit-transition: all 0.3s ease;
2292	- -moz-transition: all 0.3s ease;
2293	- -ms-transition: all 0.3s ease;
2294	- -o-transition: all 0.3s ease;
2295	}
2296
2297	#mec_zoom_checkall:focus {
2298	box-shadow: inset;
2299	- outline: ~~none;~~
2300	}
2301
2302	#mec_zoom_checkall:hover {
2303	background: #282828;
2304	- color: #fff;
2305	}
2306
2307	-
2308	-
2309	/*!
2310	- * Bootstrap v3.3.7 (http://getbootstrap.com)
2311	- * Copyright 2011-2016 Twitter, Inc.
2312	- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
2313	- */
2314	#webnus-dashboard button,#webnus-dashboard input,#webnus-dashboard select,#webnus-dashboard textarea {
2315	font-family: inherit;
2316	font-size: inherit;
	@@ -3332,8 +3629,8 @@ hr {
3332	position: fixed;
3333	top: 32px;
3334	background: #fff;
3335	- z-index: ~~9999~~;
3336	- width: 82%
3337	}
3338
3339	.wns-be-main .wns-saved-settings.sticky {
	@@ -3343,32 +3640,6 @@ hr {
3343	z-index: 999999999999999999
3344	}
3345
3346	- .mec-export-settings,.mec-import-settings {
3347	- font-weight: 700;
3348	- border-radius: 2px;
3349	- box-shadow: 0 3px 10px -4px #008aff;
3350	- text-shadow: none;
3351	- background: #008aff;
3352	- background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%);
3353	- border: none;
3354	- transition: .24s;
3355	- padding: 8px 32px;
3356	- height: 36px;
3357	- letter-spacing: .2px;
3358	- line-height: 36px;
3359	- font-size: 13px;
3360	- color: #fff;
3361	- text-decoration: none;
3362	- display: inline-block
3363	- }
3364	-
3365	- .mec-export-settings:hover,.mec-import-settings:hover {
3366	- background: #222;
3367	- background: linear-gradient(95deg,#555 0,#222 50%,#000 100%);
3368	- box-shadow: 0 5px 23px -7px rgba(0,0,0,.5);
3369	- color: #fff
3370	- }
3371	-
3372	textarea.mec-import-settings-content {
3373	display: block;
3374	width: 100%;
	@@ -3568,8 +3839,7 @@ textarea.mec-import-settings-content {
3568	margin-top: 40px
3569	}
3570
3571	- #webnus-dashboard .support-box a,
3572	- #webnus-dashboard .w-box.support-page.mec-ticksy a {
3573	color: #fff;
3574	font-weight: 500;
3575	border-radius: 2px;
	@@ -3585,15 +3855,14 @@ textarea.mec-import-settings-content {
3585	display: inline-block
3586	}
3587
3588	- #webnus-dashboard .support-box a:hover,
3589	- #webnus-dashboard .w-box.support-page.mec-ticksy a:hover {
3590	background: #222;
3591	background: linear-gradient(95deg,#555 0,#222 50%,#000 100%);
3592	box-shadow: 0 5px 23px -7px rgba(0,0,0,.5)
3593	}
3594
3595	#webnus-dashboard .support-box a {
3596	- margin: 40px 4px 0 4px;
3597	}
3598
3599	.mec-faq-accordion>.mec-faq-accordion-content {
	@@ -3979,7 +4248,7 @@ textarea.mec-import-settings-content {
3979	width: 390px;
3980	border: 1px solid #e1e2e3;
3981	border-radius: 2px;
3982	- box-shadow: 0 1px 3px rgba(0,0,0~~,0.~~05);
3983	}
3984
3985	#mec-advanced-wraper div:first-child>ul span {
	@@ -3991,7 +4260,7 @@ textarea.mec-import-settings-content {
3991	background: #fff;
3992	font-size: 12px;
3993	color: #717273;
3994	- text-align: center;
3995	}
3996
3997	#mec-advanced-wraper div:first-child>ul>li {
	@@ -3999,7 +4268,7 @@ textarea.mec-import-settings-content {
3999	font-weight: 700;
4000	margin: 0 10px 0 0;
4001	padding: 4px 0;
4002	- border-right: 1px solid #e1e2e3;
4003	}
4004
4005	#mec-advanced-wraper div:first-child>ul>ul>li {
	@@ -4007,12 +4276,12 @@ textarea.mec-import-settings-content {
4007	padding: 2px 10px;
4008	cursor: pointer;
4009	border-radius: 2px;
4010	- transition: all 0.18s ease;
4011	}
4012
4013	#mec-advanced-wraper div:first-child>ul>ul>li:hover,.mec-active {
4014	- background: #~~008aff~~!important;
4015	- color: #fff !important;
4016	}
4017
4018	@-webkit-keyframes sk-bounce {
	@@ -4039,45 +4308,49 @@ textarea.mec-import-settings-content {
4039
4040	.w-col-sm-3 .w-box.addon {
4041	min-height: auto;
4042	- ~~box~~-~~shadow~~: 0 ~~3px~~ ~~16px~~ -5px ~~rgba(0,0,0,.1)~~;
4043	- ~~border~~-~~radius~~: 2px

4044	}
4045
4046	.w-box-child.mec-addon-box {
4047	- padding: ~~20px 20px~~
4048	}
4049
4050	.mec-addon-box-head {
4051	border-bottom: 1px solid #e8e8e8;
4052	- padding~~-bottom~~: ~~5px~~;
4053	margin-bottom: 14px;
4054	position: relative
4055	}
4056
4057	.mec-addon-box-version {
4058	position: relative;
4059	- background: #eaeaea;
4060	border-radius: 1px;
4061	padding: 0 8px;
4062	- ~~color~~: ~~#5a5a5a~~;


4063	font-size: 11px;
4064	letter-spacing: .2px;
4065	line-height: 21px;
4066	display: inline-block;
4067	- margin: 10px 0;
4068	}
4069
4070	.mec-addon-box-head img {
4071	display: block;
4072	width: 60px;
4073	height: 60px;
4074	- margin-bottom: 10px;
4075	}
4076
4077	.mec-addon-box-title {
4078	font-weight: 600;
4079	font-size: 17px;
4080	- line-height: 25px


4081	}
4082
4083	.mec-addon-box-title a span {
	@@ -4085,10 +4358,14 @@ textarea.mec-import-settings-content {
4085	font-size: 15px
4086	}
4087




4088	.mec-addon-box-content p {
4089	color: #777;
4090	font-size: 13px;
4091	- letter-spacing: 0.1px;
4092	}
4093
4094	.mec-addon-box-mec-version {
	@@ -4097,6 +4374,18 @@ textarea.mec-import-settings-content {
4097	font-size: 13px
4098	}
4099












4100	#webnus-dashboard .addons-page-links {
4101	display: inline-block;
4102	margin: 12px 4px 16px 0
	@@ -4132,12 +4421,15 @@ textarea.mec-import-settings-content {
4132	}
4133
4134	.mec-addon-box-footer {




4135	margin-top: 25px;
4136	- text-align: center;
4137	}
4138
4139	#webnus-dashboard .mec-addon-box-footer a {
4140	- background: linear-gradient(95deg, #36a2ff 0, #008aff 50%, #0072ff 100%);
4141	margin-top: 10px;
4142	display: inline-block;
4143	text-shadow: none;
	@@ -4152,133 +4444,50 @@ textarea.mec-import-settings-content {
4152	width: 53px;
4153	height: 34px;
4154	line-height: 21px;
4155	- ~~box-shadow~~: 0 ~~2px 8px -3px #008aff~~;


4156	}
4157
4158	#webnus-dashboard .mec-addon-box-footer a:last-of-type {
4159	- margin-right:0;
4160	}
4161
4162	- #webnus-dashboard .mec-addon-box-footer a.mec-addon-box-intro {
4163	- box-shadow: 0 ~~3px~~ ~~10px~~ -~~4px~~ #ff3535;
4164	- background: linear-gradient(95deg~~, #~~ff6c6c 0~~, #~~f55 50~~%, #~~ff3535 100%);
4165	}
4166
4167	#webnus-dashboard .mec-addon-box-footer a:hover {
4168	- background: ~~#222!important~~;
4169	- ~~background~~: ~~linear-gradient(95deg,#555~~ 0~~,#222~~ ~~50%,#000~~ ~~100%)!important~~;
4170	- box-shadow: 0 5px 23px -7px rgba(0,0,0,.5)!important;
4171	cursor: pointer!important
4172	}
4173
4174	#webnus-dashboard .mec-addon-box-footer a i {
4175	- color: #~~fff~~;
4176	- font-size: 16px;
4177	- }
4178	-
4179	- @media(max-width: 1366px) {
4180	- .wns-be-container #wns-be-content {
4181	- padding:5px 15px 0
4182	- }
4183	- .mec-form-row .mec-col-9 label,
4184	- .mec-form-row .mec-col-8 label {
4185	- font-size: 10px
4186	- }
4187	-
4188	- #webnus-dashboard .mec-tooltip .box p,.mec-tooltip .box p {
4189	- font-size: 10px
4190	- }
4191	- }
4192	-
4193	- @media (max-width: 780px) {
4194	- .wns-be-container #wns-be-content {
4195	- padding:10px 0
4196	- }
4197	-
4198	- .wns-be-container .mec-form-row .mec-col-8 label {
4199	- width: 50%;
4200	- display: block
4201	- }
4202	-
4203	- .wns-be-container .mec-form-row input[type=checkbox] {
4204	- width: 14px;
4205	- height: 14px
4206	- }
4207	-
4208	- .wns-be-container .wns-be-sidebar li .subsection a {
4209	- padding-left: 30px
4210	- }
4211	-
4212	- .wns-be-container .wns-be-sidebar {
4213	- width: 200px
4214	- }
4215	-
4216	- .wns-be-container .wns-be-main {
4217	- margin-left: 200px
4218	- }
4219	-
4220	- .wns-be-container .mec-tooltip .box {
4221	- min-width: 235px!important
4222	- }
4223	-
4224	- .wns-be-container .mec-tooltip .box p {
4225	- font-size: 12px!important
4226	- }
4227	-
4228	- #wns-be-infobar.sticky {
4229	- position: unset
4230	- }
4231	}
4232
4233	- ~~@media~~ ~~(max~~-~~width~~: ~~480px)~~ {
4234	- ~~.wns-be-container~~ ~~.wns-be-sidebar {~~
4235	- width:100%;
4236	- position: unset;
4237	- float: none
4238	- }
4239	-
4240	- .wns-be-container .wns-be-main {
4241	- margin-left: 0;
4242	- width: 100%;
4243	- position: unset
4244	- }
4245	-
4246	- .wns-be-container {
4247	- margin-top: 50px
4248	- }
4249	-
4250	- .wns-be-container #wns-be-infobar:before {
4251	- width: 100%
4252	- }
4253	-
4254	- .wns-be-container #wns-be-infobar {
4255	- height: 150px
4256	- }
4257	-
4258	- #mec-search-settings {
4259	- margin-top: 80px;
4260	- width: 181px
4261	- }
4262	}
4263
4264	- /* Ticket Box */
4265	#mec_tickets .mec-box {
4266	position: relative;
4267	- padding: 25px 10px;
4268	}
4269
4270	- #mec_ticket_variations_list input[type=text].mec-col-12,
4271	- ~~#mec_fees_list~~ ~~input[type=text].mec-col-12{~~
4272	- max-width: 625px;
4273	}
4274
4275	- #ticket_variations_option input[type=text].mec-col-12,
4276	- ~~#taxes_option .mec~~-~~form-row~~ ~~input[type=text].mec-col-12 {~~
4277	- max-width: 575px;
4278	}
4279
4280	.mec-booking-tab-content .mec-form-row textarea {
4281	- max-width: 762px;
4282	}
4283
4284	#mec_tickets .button.remove {
	@@ -4296,27 +4505,27 @@ textarea.mec-import-settings-content {
4296	background: #fff;
4297	border-color: #ffd2dd;
4298	font-size: 20px;
4299	- line-height: 1.5;
4300	}
4301
4302	#mec_tickets .button.remove svg {
4303	- fill: #ea6485 !important;
4304	}
4305
4306	#mec_tickets .button.remove:hover {
4307	color: #fff;
4308	border: 2px solid #ea6485;
4309	- background: #ea6485;
4310	}
4311
4312	#mec_tickets .button.remove:hover svg {
4313	- fill: #fff !important;
4314	}
4315
4316	@media(max-width: 480px) {
4317	#mec_tickets .button.remove {
4318	- top: 5px;
4319	- right: 5px;
4320	}
4321	}
4322
	@@ -4324,52 +4533,61 @@ textarea.mec-import-settings-content {
4324	font-size: 12px;
4325	line-height: 12px;
4326	font-weight: 400;
4327	- color: #~~008aff~~;
4328	padding: 0 0 8px;
4329	margin-top: -6px;
4330	margin-bottom: 14px;
4331	- cursor: default;
4332	}
4333




4334
4335	- /* ~~Single Event Page Fields + Shortcode Page Fields + Payment Gatway in Setting Page */~~
4336	- ~~#mec_meta_box_hourly_schedule_days .mec~~-~~form-row~~ ~~input[type=text],~~
4337	- #mec_meta_box_tickets_form .mec-form-row input[type=text] {
4338	- max-width: 400px;
4339	}
4340
4341	- ~~#mec_exceptions_not_in_days_date~~ {
4342	- width: ~~100%;~~









4343	}
4344
4345	- ~~#mec~~-~~event-data~~ ~~input[type=text],~~ ~~#mec-event-data input[type=tel], #mec-event-data input[type=date], #mec-event-data input[type=email], #mec-event-data input[type=url], #mec-event-data textarea, #mec-event-data select,~~
4346	- #~~mec_select_tags~~.mec-~~create~~-~~shortcode~~-~~tab-content~~ input[type=text],
4347	- ~~#mec_settings_weather_module_api_key {~~
4348	- width: ~~262px;~~

4349	}
4350
4351	- #mec-event-data input[type=text], #mec-event-data input[type=tel], #mec-event-data input[type=date], #mec-event-data input[type=email], #mec-event-data input[type=url], #mec-event-data textarea, #mec-event-data select,
4352	- #mec_meta_box_date_form input[type=text],
4353	#mec_exceptions_not_in_days_date {
4354	- ~~max-~~width: ~~262px;~~
4355	}
4356
4357	- #mec-event-data input[type=text].~~mec_date_picker.~~mec-~~col~~-4
4358	- ~~#mec_meta_box_calendar_skin_options input[type=text].mec_date_picker.mec~~-~~col-4~~ {
4359	- max-width: 32.33333333%;
4360	}
4361
4362	- #~~payment_gateways_option~~ .mec-col-4 input[type=text],
4363	- ~~#payment_gateways_option~~ .~~mec-col-4 select,~~
4364	- #payment_gateways_option .mec-col-4 textarea,
4365	- #payment_gateways_option .mec-col-4 input[type=number] {
4366	- width: 75%;
4367	}
4368
4369	- .mec-~~form~~-~~repeating-event-row~~ .mec-col-6 input[type=text] {
4370	- width: ~~35%;~~
4371	}
4372



4373
4374	.addons-page-error,.addons-page-notice {
4375	display: block;
	@@ -4392,8 +4610,7 @@ textarea.mec-import-settings-content {
4392	}
4393
4394	.mec-addon-box-comingsoon {
4395	- background: ~~#eaeaea~~;
4396	- padding: 8px 11px;
4397	color: #5a5a5a;
4398	font-size: 14px;
4399	font-weight: 500;
	@@ -4428,14 +4645,14 @@ textarea.mec-import-settings-content {
4428
4429	#webnus-dashboard .mec-pro-notice .info-msg {
4430	background: #fff;
4431	- box-shadow: 0 1px 16px rgba(0, 0, 0~~, .~~034);
4432	text-align: center;
4433	- color: #000;
4434	}
4435
4436	#webnus-dashboard a.info-msg-link {
4437	background: #e66f52;
4438	- background: linear-gradient(95deg~~, #~~ff8162 0~~%, #~~e66f52 50~~%, #~~ff4c20 100%);
4439	box-shadow: 0 5px 10px -5px #e66f52;
4440	border-radius: 2px;
4441	padding: 12px 50px;
	@@ -4444,20 +4661,20 @@ textarea.mec-import-settings-content {
4444	border: none;
4445	margin: 20px auto 0;
4446	color: #fff;
4447	- transition: all 0.3s ease;
4448	- display: inline-block;
4449	}
4450
4451	#webnus-dashboard a.info-msg-link:hover {
4452	background: #222;
4453	- background: linear-gradient(95deg~~, #~~555 0~~%, #~~222 50~~%, #~~000 100%);
4454	- box-shadow: 0 5px 21px -5px rgba(0, 0, 0~~, .~~5);
4455	}
4456
4457	#webnus-dashboard .info-msg p {
4458	width: 70%;
4459	margin: 0 auto;
4460	- line-height: 1.8;
4461	}
4462
4463	#webnus-dashboard .info-msg-coupon {
	@@ -4465,21 +4682,21 @@ textarea.mec-import-settings-content {
4465	color: #777;
4466	max-width: 600px;
4467	line-height: 1.68;
4468	- margin: 25px auto 0;
4469	}
4470
4471	#webnus-dashboard .info-msg-coupon strong {
4472	font-weight: 700;
4473	- color: #19ce18;
4474	}
4475
4476	.info-msg .socialfollow {
4477	- padding-top: 20px;
4478	}
4479
4480	.info-msg .socialfollow a {
4481	margin: 0 2px;
4482	- display: inline-block;
4483	}
4484
4485	.info-msg .socialfollow a i {
	@@ -4488,12 +4705,12 @@ textarea.mec-import-settings-content {
4488	padding: 6px;
4489	border-radius: 3px;
4490	font-size: 18px;
4491	- box-shadow: 0 2px 3px rgba(0, 0, 0~~, 0.~~1);
4492	- transition: all 0.25s;
4493	}
4494
4495	.info-msg .socialfollow a:hover i {
4496	- background: #008aff;
4497	}
4498
4499	.mec-intro-section .w-box-content {
	@@ -4571,10 +4788,6 @@ a.mec-intro-section-link-tag.button.button-secondary.button-hero {
4571	padding-bottom: 12px
4572	}
4573
4574	- .wns-be-sidebar li:hover {
4575	- background: #fff
4576	- }
4577	-
4578	.wns-be-sidebar li:hover .submneu-hover {
4579	opacity: 1;
4580	visibility: visible
	@@ -4676,7 +4889,7 @@ a.mec-intro-section-link-tag.button.button-secondary.button-hero {
4676	font-size: 14px;
4677	line-height: 1.3;
4678	margin: 0;
4679	- font-style: normal;
4680	}
4681
4682	.mec-tooltip:hover .box {
	@@ -4700,7 +4913,7 @@ a.mec-intro-section-link-tag.button.button-secondary.button-hero {
4700	background: #3a3f44;
4701	border-bottom: 1px solid #30353a;
4702	border-radius: 6px 6px 0 0;
4703	- z-index: 9999;
4704	}
4705
4706	#webnus-dashboard .mec-tooltip .box p a,.mec-tooltip .box p a {
	@@ -4829,26 +5042,8 @@ form#mec_reg_fields_form label {
4829	}
4830
4831	@media(min-width: 1200px) and (max-width:1366px) {
4832	- .mec-tooltip .box.left {
4833	- left:50%;
4834	- top: 0;
4835	- transform: translate(-50%,-100%);
4836	- margin-top: 0;
4837	- margin-left: -10px
4838	- }
4839	-
4840	- .mec-tooltip .box.left:after {
4841	- top: 50%!important;
4842	- right: 100%!important
4843	- }
4844	-
4845	- .mec-tooltip .box.left:before {
4846	- left: 50%!important;
4847	- top: 100%!important
4848	- }
4849	-
4850	.mec-tooltip .box {
4851	- min-width: ~~225px~~
4852	}
4853
4854	.mec-tooltip .box h5 {
	@@ -4866,8 +5061,7 @@ form#mec_reg_fields_form label {
4866	}
4867	}
4868
4869	- .mec-addons-notification-box-wrap .w-col-sm-12,
4870	- .mec-cmsg-notification-box-wrap .w-col-sm-12 {
4871	padding: 0
4872	}
4873
	@@ -4920,9 +5114,7 @@ form#mec_reg_fields_form label {
4920	background: #000
4921	}
4922
4923	- .w-clearfix.w-box.mec-addons-notification-box-wrap span,
4924	- .w-clearfix.w-box.mec-cmsg-2-notification-box-wrap span,
4925	- .w-clearfix.w-box.mec-cmsg-notification-box-wrap span {
4926	right: 0;
4927	left: unset;
4928	cursor: pointer;
	@@ -4930,22 +5122,18 @@ form#mec_reg_fields_form label {
4930	padding: 0 16px
4931	}
4932
4933	- .w-clearfix.w-box.mec-addons-notification-box-wrap span i,
4934	- .w-clearfix.w-box.mec-cmsg-2-notification-box-wrap span i,
4935	- .w-clearfix.w-box.mec-cmsg-notification-box-wrap span i {
4936	font-size: 28px;
4937	vertical-align: sub;
4938	color: #f2113e
4939	}
4940
4941	- .wns-be-container .mec-addons-notification-wrap,
4942	- .mec-custom-msg-notification-wrap {
4943	padding: 0;
4944	margin: 0
4945	}
4946
4947	- .wns-be-container .mec-addons-notification-wrap .w-col-sm-12,
4948	- .mec-custom-msg-notification-wrap .w-col-sm-12 {
4949	padding: 0
4950	}
4951
	@@ -4960,78 +5148,74 @@ form#mec_reg_fields_form label {
4960	}
4961
4962	@media(max-width: 1200px) {
4963	- .mec-addons-notification-box-~~image, .~~mec-addons-notification-box-~~content~~ {
4964	- width: 100%;
4965	- display: block;
4966	}
4967
4968	.mec-addons-notification-box-image {
4969	- text-align: center;
4970	}
4971	}
4972
4973	@media(max-width: 768px) {
4974	.mec-addons-notification-box-image img {
4975	- width: 100%;
4976	- height: auto;
4977	}
4978	}
4979
4980	- /* RTL Dashboard Settings */
4981	-
4982	body.rtl .wns-be-sidebar {
4983	width: 260px;
4984	float: right;
4985	- position: relative;
4986	}
4987
4988	body.rtl .wns-be-main {
4989	margin-left: 0;
4990	border-left: 0;
4991	margin-right: 260px;
4992	- border-right: 1px solid #dedede;
4993	}
4994
4995	body.rtl .w-box.mec-activation .LicenseField {
4996	- direction: rtl;
4997	}
4998
4999	body.rtl .w-box.mec-activation input[name=MECPurchaseCode] {
5000	text-align: right;
5001	- padding-right: 20px;
5002	}
5003
5004	- body.rtl #MECActivation .MECPurchaseStatus,
5005	- body.rtl .addon-activation-form .MECPurchaseStatus {
5006	right: auto;
5007	- left: -51px;
5008	}
5009
5010	body.rtl #webnus-dashboard .w-box.mec-activation input[type=submit] {
5011	right: auto;
5012	- left: 5px;
5013	}
5014
5015	body.rtl .wns-be-sidebar .wns-be-group-menu li a {
5016	- padding: 13px 20px 13px 4px;
5017	}
5018
5019	body.rtl .wns-be-sidebar .wns-be-group-tab-link-a span.wns-be-group-menu-title {
5020	padding-left: 0;
5021	- padding-right: 24px;
5022	}
5023
5024	body.rtl .wns-be-sidebar .has-sub span.extra-icon {
5025	- float: left;
5026	}
5027
5028	body.rtl .wns-be-sidebar .wns-be-group-tab-link-a span.extra-icon i {
5029	right: auto;
5030	- left: 10px;
5031	}
5032
5033	- body.rtl .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:after,
5034	- body.rtl .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
5035	position: absolute;
5036	z-index: 999;
5037	content: " ";
	@@ -5042,26 +5226,24 @@ body.rtl .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
5042	border-left-color: #fff;
5043	right: auto;
5044	left: -1px;
5045	- top: 10px;
5046	}
5047
5048	body.rtl .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
5049	border-right-color: transparent;
5050	border-left-color: #c5c5c5;
5051	right: auto;
5052	- left: 0;
5053	}
5054
5055	- body.rtl .mec-col-1, body.rtl .mec-col-10, body.rtl .mec-col-11, body.rtl .mec-col-12,
5056	- body.rtl .mec-col-2, body.rtl .mec-col-3, body.rtl .mec-col-4, body.rtl .mec-col-5,
5057	- body.rtl .mec-col-6, body.rtl .mec-col-7, body.rtl .mec-col-8, body.rtl .mec-col-9 {
5058	float: right;
5059	- margin: 0 ~~1% 0 0;~~
5060	}
5061
5062	body.rtl .wns-be-sidebar li .submneu-hover {
5063	right: auto;
5064	- left: -222px;
5065	}
5066
5067	body.rtl .wns-be-sidebar li .submneu-hover:after {
	@@ -5074,236 +5256,224 @@ body.rtl .wns-be-sidebar li .submneu-hover:after {
5074	border-right-color: #fff;
5075	left: auto;
5076	right: -1px;
5077	- top: 14px;
5078	}
5079
5080	body.rtl #mec_styles_form #mec_styles_CSS {
5081	- direction: ltr;
5082	}
5083
5084	body.rtl .w-box.mec-activation {
5085	-moz-transform: scaleY(-1);
5086	-o-transform: scaleY(-1);
5087	-webkit-transform: scaleY(-1);
5088	- transform: scaleX(-1);
5089	}
5090
5091	- body.rtl .w-box.mec-activation .w-box-content,
5092	- body.rtl .w-box.mec-activation .w-box-head {
5093	-moz-transform: scaleY(-1);
5094	-o-transform: scaleY(-1);
5095	-webkit-transform: scaleY(-1);
5096	transform: scaleX(-1);
5097	- display: block;
5098	}
5099
5100	body.rtl .w-box.mec-activation .w-box-head {
5101	- width: 100%;
5102	}
5103
5104	body.rtl .wns-be-container #wns-be-infobar:before {
5105	left: auto;
5106	- right: 0;
5107	}
5108
5109	body.rtl .wns-be-container .dpr-btn.dpr-save-btn {
5110	- float: left;
5111	}
5112
5113	- body.rtl .wns-be-container .wns-be-group-tab h2:before,
5114	- body.rtl .wns-be-container .wns-be-group-tab h4:before {
5115	left: auto;
5116	right: 0;
5117	margin-right: 0;
5118	- margin-left: 5px;
5119	}
5120
5121	body.rtl #mec_gateways_form .mec-tooltip {
5122	- float: left;
5123	}
5124
5125	- /* Details Page */
5126	.mec-details-addons-container {
5127	- margin-top: 20px;
5128	}
5129
5130	.mec-details-addons-wrap img {
5131	float: left;
5132	width: 19%;
5133	- margin-right: 17px;
5134	}
5135
5136	.mec-details-addons-wrap {
5137	clear: both;
5138	margin-bottom: 80px;
5139	display: block;
5140	- position: relative;
5141	}
5142
5143	.mec-details-addons-wrap a {
5144	- text-decoration: none;
5145	}
5146
5147	.mec-details-addons-wrap p {
5148	float: left;
5149	width: 340px;
5150	margin-top: 0;
5151	- margin-bottom: 30px;
5152	}
5153
5154	.mec-details-addons-title {
5155	- font-weight: ~~bold;~~
5156	}
5157
5158	.mec-details-addons-title a {
5159	- color: #444;
5160	}
5161
5162	- /* crisp chat */
5163	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx {
5164	- border-radius: 10px !important;
5165	- box-shadow: ~~0px~~ 4px 38px rgba(0, 0, 0~~, 0.~~14) !important;
5166	}
5167
5168	- body .crisp-client .crisp-1rjpbb7 .crisp-9dgo7z,
5169	- ~~body .crisp~~-~~client~~ ~~.crisp~~-~~1rjpbb7~~ ~~.crisp~~-~~9dgo7z *,~~
5170	- body .crisp-client .crisp-1rjpbb7 .crisp-13qutdl,
5171	- body .crisp-client .crisp-1rjpbb7 .crisp-13qutdl * {
5172	- font-family: "proxima-nova", -apple-system, BlinkMacSystemFont, "Segoe UI", "Catamaran", sans-serif !important;
5173	}
5174
5175	- body .crisp-client .crisp-1rjpbb7 .crisp-145mbcr,
5176	- ~~body .crisp~~-~~client .crisp-1rjpbb7 .crisp-1jrqqbm~~:~~hover~~ {
5177	- background-color: #fff !important;
5178	}
5179
5180	body .crisp-client .crisp-1rjpbb7 .crisp-14u434g {
5181	- border-color: #e7e8e9 !important;
5182	}
5183
5184	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-1bkorcf .crisp-1vzg1qq {
5185	- font-size: 20px !important;
5186	- width: 14px !important;
5187	- height: 19px !important;
5188	- opacity: 0.85;
5189	}
5190
5191	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-1bkorcf .crisp-1vzg1qq:hover {
5192	- opacity: 0.99;
5193	}
5194
5195	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-1sps3eb .crisp-1vd2grm .crisp-12w4w1a {
5196	- font-size: 13px !important;
5197	}
5198
5199	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-1sps3eb .crisp-1vd2grm .crisp-12w4w1a::-webkit-input-placeholder {
5200	- color: #717273 !important;
5201	}
5202
5203	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv[data-from=visitor] .crisp-z89v5n .crisp-162m9xf {
5204	- background-color: #008aff !important;
5205	- color: #fff !important;
5206	- box-shadow: none !important;
5207	- border-radius: 5px !important;
5208	- padding: 15px 25px 15px !important;
5209	}
5210
5211	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv[data-from=visitor] .crisp-z89v5n .crisp-162m9xf .crisp-1o2g4mc {
5212	- color: #fff !important;
5213	- font-size: 13px !important;
5214	- letter-spacing: 0.3px !important;
5215	}
5216
5217	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv .crisp-z89v5n .crisp-162m9xf {
5218	- background-color: #f1f2f3 !important;
5219	- border-radius: 5px !important;
5220	- padding: 15px 25px 15px !important;
5221	- box-shadow: none !important;
5222	- color: #121314 !important;
5223	}
5224
5225	- body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv[data-type="audio"] .crisp-z89v5n .crisp-162m9xf {
5226	- background-color: #d1d7dc !important;
5227	}
5228
5229	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv[data-from=operator] .crisp-z89v5n .crisp-1o2g4mc {
5230	- color: #121314 !important;
5231	- -webkit-text-fill-color: #121314 !important;
5232	- font-size: 13px !important;
5233	- letter-spacing: 0.3px !important;
5234	}
5235
5236	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv .crisp-mkirz6 .crisp-12qaym5 .crisp-39hskb {
5237	- opacity: 0.4;
5238	- margin-right: 5px !important;
5239	}
5240
5241	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv .crisp-mkirz6 .crisp-12qaym5 .crisp-ehr6mw {
5242	- opacity: 0.68;
5243	- font-size: 12px !important;
5244	}
5245
5246	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg {
5247	- background-image: linear-gradient(125deg~~, #~~008aff -10~~%, #~~0066b1 100%) !important;
5248	- height: 110px !important;
5249	- padding-top: 35px !important;
5250	}
5251
5252	- body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-rhv8pz .crisp-nu40j6,
5253	- ~~body .crisp~~-~~client~~ ~~.crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-rhv8pz .crisp-1uw6f17,~~
5254	- ~~body .crisp~~-~~client~~ ~~.crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-rhv8pz .crisp-85evuk,~~
5255	- ~~body .crisp~~-~~client~~ ~~.crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-rhv8pz .crisp-nu40j6 {~~
5256	- font-size: 17px !important;
5257	- line-height: 28px !important;
5258	- padding-top: 10px !important;
5259	}
5260
5261	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr .crisp-x94m06 {
5262	- background-color: #008aff !important;
5263	- background-image: linear-gradient(125deg~~, #~~008aff -10~~%, #~~008af0 100%) !important;
5264	- box-shadow: 0 5px 34px -6px #008aff !important;
5265	}
5266
5267	body .crisp-client .crisp-1rjpbb7 .crisp-4oo1n4 {
5268	- background-color: transparent !important;
5269	}
5270
5271	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx[data-chat-status=ongoing] .crisp-1784wh6 .crisp-1xmtdlg .crisp-172kolj {
5272	- margin-top: -10px !important;
5273	}
5274
5275	body .crisp-client .crisp-1rjpbb7[data-last-operator-face=false] .crisp-1rf4xdh .crisp-kquevr .crisp-x94m06 .crisp-16qgsyi .crisp-101bp3x[data-is-ongoing=false] {
5276	- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OCIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU4IDU1Ij4NCiAgPGcgaWQ9ImNoYXQtc3ZncmVwby1jb21fMV8iIGRhdGEtbmFtZT0iY2hhdC1zdmdyZXBvLWNvbSAoMSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuNSkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzEiIGRhdGEtbmFtZT0iUGF0aCAxIiBkPSJNMjksMS41YzE2LjAxNiwwLDI5LDExLjY0MSwyOSwyNmEyNC4wMSwyNC4wMSwwLDAsMS00LjgsMTQuMzE4Yy40LDQuNzQ1LDEuNTQyLDExLjQyOCw0LjgsMTQuNjgyLDAsMC05Ljk0My0xLjQtMTYuNjc3LTUuNDYybC0uMDIyLjAwOWMtMi43NjQtMS44LTUuNTMyLTMuNjU2LTYuMS00LjEyNmExLDEsMCwwLDAtMS4zMy0uMjc3LDEuMDE3LDEuMDE3LDAsMCwwLS40ODkuODQ4Yy0uMDEuNjIyLjAwNS43ODQsNS41ODUsNC40MjFBMzEuOTE0LDMxLjkxNCwwLDAsMSwyOSw1My41Yy0xNi4wMTYsMC0yOS0xMS42NDEtMjktMjZTMTIuOTg0LDEuNSwyOSwxLjVaIiBmaWxsPSIjZmZmIi8+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xIiBkYXRhLW5hbWU9IkVsbGlwc2UgMSIgY3g9IjMiIGN5PSIzIiByPSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMiAyNC41KSIgZmlsbD0iIzAwOGFmZiIvPg0KICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMiIgZGF0YS1uYW1lPSJFbGxpcHNlIDIiIGN4PSIzIiBjeT0iMyIgcj0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYgMjQuNSkiIGZpbGw9IiMwMDhhZmYiLz4NCiAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzMiIGRhdGEtbmFtZT0iRWxsaXBzZSAzIiBjeD0iMyIgY3k9IjMiIHI9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDI0LjUpIiBmaWxsPSIjMDA4YWZmIi8+DQogIDwvZz4NCjwvc3ZnPg0K) !important;
5277	- height: 31px !important;
5278	- top: 16px !important;
5279	- left: 14px !important;
5280	}
5281
5282	body .csh-category-item a h6 {
5283	- text-align: left;
5284	}
5285
5286	- /* Sync Schedule */
5287	.mec-form-row.mec-syn-schedule {
5288	background: #f7f7f7;
5289	padding: 20px;
5290	border: 1px solid #eee;
5291	- box-shadow: 0 1px 11px rgba(0, 0, 0~~, .~~034);
5292	- margin-bottom: 20px;
5293	}
5294
5295	.mec-form-row.mec-syn-schedule p {
5296	- padding-left: 26px;
5297	}

5298	.mec-form-row.mec-syn-schedule h2 {
5299	- margin-top: 0;
5300	}
5301
5302	.mec-form-row.mec-syn-schedule h4 {
5303	- margin: 10px 0;
5304	}
5305
5306	- /* new settings menu */
5307	li.wns-be-group-menu-li.mec-settings-menu .mec-settings-submenu {
5308	position: absolute;
5309	top: -1px;
	@@ -5313,7 +5483,7 @@ li.wns-be-group-menu-li.mec-settings-menu .mec-settings-submenu {
5313	background: #fff;
5314	border: 1px;
5315	border-style: solid;
5316	- border-color: #~~dedede~~;
5317	margin: 0;
5318	overflow: visible;
5319	opacity: 0;
	@@ -5321,10 +5491,13 @@ li.wns-be-group-menu-li.mec-settings-menu .mec-settings-submenu {
5321	transition: all .23s ease;
5322	padding-top: 8px;
5323	padding-bottom: 12px;


5324	}
5325	- ~~li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {~~

5326	visibility: visible;
5327	- opacity: 1;
5328	}
5329
5330	.mec-settings-menu .mec-settings-submenu:before {
	@@ -5337,8 +5510,8 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5337	border-right-color: #fff;
5338	left: -15px;
5339	top: 14px;
5340	- border-right-color: #~~c5c5c5~~;
5341	- right: 0;
5342	}
5343
5344	.mec-settings-menu .mec-settings-submenu:after {
	@@ -5350,27 +5523,27 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5350	border: 7px solid transparent;
5351	border-right-color: #fff;
5352	left: -14px;
5353	- top: 14px;
5354	}
5355
5356	.wns-be-sidebar .mec-settings-menu .mec-settings-submenu a {
5357	background: #fff;
5358	- color: #~~636363~~;
5359	opacity: 1;
5360	- font-size: ~~12px~~;
5361	- ~~padding~~: ~~6px 4px 6px 26px~~;

5362	}
5363
5364	- /* ~~Display~~ ~~Option~~ / ~~Shortcode / niceselect style */~~



5365
5366	- .mec-form-row.mec-skin-list-date-format-container input[type=text],
5367	- ~~.mec~~-~~form-row.mec-skin-grid-date-format-container input[type=text],~~
5368	- .mec-form-row.mec-skin-countdown-date-format-container input[type=text],
5369	- .mec-skin-options-container input[type=text] {
5370	- max-width: unset;
5371	}
5372
5373	- /* Niceselect */
5374	.wn-mec-select {
5375	width: 32.33333333%!important;
5376	clear: unset!important
	@@ -5574,7 +5747,7 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5574	line-height: 28px!important;
5575	min-height: 28px!important;
5576	-webkit-transition: all .2s ease-in-out;
5577	- transition: all .2s ease-in-out;
5578	}
5579
5580	.wn-mec-select .option .wn-hover-img-sh img {
	@@ -5582,13 +5755,13 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5582	padding: 3px;
5583	top: -1px;
5584	left: 100%;
5585	- box-shadow: 0 4px 42px -5px rgba(0, 0, 0~~, .~~16);
5586	visibility: hidden;
5587	opacity: 0;
5588	border: 1px solid #e3e3e3;
5589	border-radius: 2px;
5590	z-index: 99999999;
5591	- background: #fff;
5592	}
5593
5594	.wn-mec-select .option:hover .wn-hover-img-sh img {
	@@ -5596,9 +5769,7 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5596	opacity: 1
5597	}
5598
5599	- .wn-mec-select .option.focus,
5600	- .wn-mec-select .option.selected.focus,
5601	- .wn-mec-select .option:hover {
5602	background-color: #f6f6f6
5603	}
5604
	@@ -5632,7 +5803,7 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5632	border-radius: 3px;
5633	border: 1px solid #eee;
5634	box-shadow: 0 1px 3px rgba(0,0,0,.025);
5635	- background: #fff!important;
5636	}
5637
5638	.mec-custom-nice-select ul.list li.option:hover {
	@@ -5640,24 +5811,23 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5640	borde-color: #e0e0e0
5641	}
5642
5643	- .mec-custom-nice-select .list:hover .option:not(:hover),
5644	- .mec-custom-nice-select ul.list:hover li.option {
5645	background: #fff!important
5646	}
5647
5648	.mec-custom-nice-select ul.list {
5649	- min-width: 600px !important;
5650	- padding: 20px 10px !important;
5651	background: #fcfbfd;
5652	border: 1px solid #e9e9e9;
5653	- box-shadow: 0 1px 4px rgba(0, 0, 0~~, .~~05);
5654	}
5655
5656	.mec-custom-nice-select ul.list li.option.selected {
5657	border: 1px solid #40d9f1;
5658	box-shadow: 0 1px 8px -3px #40d9f1 inset;
5659	color: #00cae6;
5660	- padding: 12px 0 0 0 !important;
5661	}
5662
5663	.mec-custom-nice-select .wn-img-sh img {
	@@ -5671,12 +5841,10 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5671	-webkit-transition: all .22s ease;
5672	-moz-transition: all .22s ease;
5673	-ms-transition: all .22s ease;
5674	- -o-transition: all .22s ease;
5675	}
5676
5677	- .wn-mec-select .option.focus .wn-img-sh img,
5678	- .wn-mec-select .option.selected.focus .wn-img-sh img,
5679	- .wn-mec-select .option:hover .wn-img-sh img {
5680	background-color: #f6f6f6;
5681	filter: grayscale(0);
5682	-webkit-filter: grayscale(0)
	@@ -5735,8 +5903,7 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5735	border-radius: 18px
5736	}
5737
5738	- .mec-custom-nice-select ul.list li .wn-mec-text:after,
5739	- .mec-sed-methods li:before {
5740	content: "";
5741	position: absolute;
5742	display: inline-block;
	@@ -5748,23 +5915,23 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5748	cursor: pointer;
5749	border: 2px solid #e1e7ed;
5750	box-shadow: 0 2px 15px -3px rgba(69,77,89,.32);
5751	- border-radius: 50%;
5752	}
5753
5754	.mec-custom-nice-select ul.list li .wn-mec-text {
5755	position: relative;
5756	padding-top: 0;
5757	- padding-bottom: 28px;
5758	}
5759
5760	.mec-custom-nice-select ul.list li .wn-mec-text:after {
5761	left: calc(50% - 7px);
5762	top: auto;
5763	- bottom: 1px;
5764	}
5765
5766	.mec-custom-nice-select ul.list li .wn-img-sh {
5767	- line-height: 1;
5768	}
5769
5770	.mec-sed-methods li:before {
	@@ -5772,8 +5939,7 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5772	top: calc(50% - 7px)
5773	}
5774
5775	- .mec-custom-nice-select ul.list li.option.selected .wn-mec-text:after,
5776	- .mec-sed-methods li.active:before {
5777	width: 4px;
5778	height: 4px;
5779	border: 7px solid #008aff;
	@@ -5781,189 +5947,280 @@ li.wns-be-group-menu-li.mec-settings-menu:hover > .mec-settings-submenu {
5781	box-shadow: 0 3px 16px -3px #008aff
5782	}
5783
5784	- ~~/* Fix~~ ~~Svg~~ ~~icon~~ */
5785	- ~~.toplevel_page_mec-intro~~ ~~.wp-menu-image img,~~
5786	- ~~.menu~~-~~icon-mec-books~~ ~~.wp-menu-image img {~~
5787	- width: 18px !important;
5788	- padding-top: 7px !important;
5789	}
5790
5791	- ~~/* Add~~ event tabs */
5792	- .mec-add-event-tabs-wrap,
5793	- .mec-add-booking-tabs-wrap,
5794	- .mec-create-shortcode-tabs-wrap {
5795	display: flex;
5796	display: -webkit-box;
5797	display: -webkit-flex;
5798	- display: -ms-flexbox;
5799	}
5800
5801	- .mec-add-event-tabs-left,
5802	- ~~.mec~~-~~add-booking-tabs-left,~~
5803	- .mec-create-shortcode-tabs-left {
5804	- flex: 1;
5805	}
5806
5807	- ~~.mec~~-~~add-event-tabs-right,~~
5808	- .mec-add-booking-tabs-~~right,~~
5809	- ~~.mec~~-~~create-shortcode-tabs-right {~~
5810	- ~~flex: 6;~~
5811	}
5812	- ~~a.mec-add-event-tabs-link,~~
5813	- a.mec-add-booking-tabs-~~link,~~
5814	- ~~a.mec-create-shortcode-tabs-link~~ {
5815	- ~~display: block;~~







5816	}
5817
5818	- .mec-event-tab-content,
5819	- .mec-booking-tab-content,
5820	- .mec-create-shortcode-tab-content {
5821	display: none;
5822	- transition: all 0.3s ease;
5823	}
5824
5825	- .mec-event-tab-content.mec-tab-active,
5826	- ~~.mec-booking-tab-content.mec-tab-active,~~
5827	- .mec-create-shortcode-tab-content.mec-tab-active {
5828	- display: block;
5829	}
5830
5831	- .mec-add-event-tabs-wrap,
5832	- .mec-add-booking-tabs-wrap {
5833	background: #fff;
5834	- margin: -6px -12px -12px;
5835	}
5836
5837	.mec-create-shortcode-tabs-wrap {
5838	- margin: -30px -22px -42px;
5839	}
5840
5841	- .mec-add-event-tabs-left,
5842	- ~~.mec-add-booking-tabs-left,~~
5843	- .mec-create-shortcode-tabs-left {
5844	- padding: 0 0 38px;
5845	- background: #fff;
5846	- min-width: 210px
5847	}
5848
5849	- .mec-add-event-tabs-left a,
5850	- ~~.mec-add-booking-tabs-left~~ a,
5851	- ~~.mec-create-shortcode-tabs-left~~ ~~a {~~
5852	- ~~line-height~~: ~~16px~~;







5853	font-size: 13px;
5854	font-weight: 600;
5855	- letter-spacing: 0.3px;
5856	- color: #6a6f77;
5857	text-decoration: none;
5858	- ~~background~~: ~~#f7f7f7~~;
5859	- ~~padding~~: ~~13px~~ ~~20px;~~
5860	- border-bottom: 1px solid #e3e3e3;
5861	- outline: none;
5862	- box-shadow: none;
5863	- transition: all 0.2s ease;
5864	}
5865
5866	- .mec-add-event-tabs-left a:~~hover,~~
5867	- ~~.mec~~-~~add-booking-tabs-left~~ ~~a:hover,~~
5868	- ~~.mec-create-shortcode-tabs-left a:hover {~~
5869	- ~~color: #008aff;~~

5870	background: #fff;

5871	}
5872
5873	- .mec-add-event-tabs-left a.mec-~~tab~~-~~active,~~
5874	- ~~.mec~~-~~add-booking-tabs-left~~ ~~a.mec-tab-active,~~
5875	- ~~.mec-create-shortcode-tabs-left~~ ~~a.mec-tab-active {~~
5876	- ~~background: #008aff;~~
5877	- ~~background: linear-gradient(95deg, #36a2ff 0, #008aff 50%, #0072ff 100%);~~
5878	- ~~color:~~ ~~#fff;~~
5879	- ~~margin~~: ~~0 -6px~~;
5880	- ~~border-radius~~: ~~5px~~;
5881	- ~~box~~-~~shadow~~: ~~0 2px 12px -5px~~ #~~36a2ff~~;
5882	- border-bottom-color: transparent;
5883	position: relative;













5884	}
5885
5886	- .mec-~~add~~-~~event-tabs-right,~~
5887	- ~~.mec~~-~~add~~-~~booking-tabs-right,~~
5888	- ~~.mec-create-shortcode-tabs-~~right {



5889	padding: 0 30px 40px;
5890	- border-left: 1px solid #e2e2e2;




5891	}
5892
5893	- ~~.mec~~-~~event-tab-content.mec-tab-active,~~
5894	- .mec-booking-~~tab~~-~~content.~~mec-~~tab~~-~~active,~~
5895	- ~~.mec-create-shortcode-tab-content.mec-tab-active~~ {
5896	- ~~animation: fadeEffect2 0.31s~~




5897	}
5898
5899	@media (min-width: 1199px) and (max-width:1280px) {
5900	- .mec-add-booking-tabs-right,
5901	- ~~.mec-add-event-tabs-right,~~
5902	- .mec-create-shortcode-tabs-right {
5903	- padding: 0 0 0 10px;
5904	}
5905
5906	#mec_meta_box_hourly_schedule_days {
5907	- padding: 0 40px 0 0;
5908	}
5909
5910	#mec_meta_box_hourly_schedule_days .mec-form-row.mec-box {
5911	- margin-right: -40px;





5912	}
5913
5914	- #mec_meta_box_hourly_schedule_days .mec-~~col~~-1,
5915	- ~~#mec_meta_box_hourly_schedule_days~~ ~~.mec-col-6,~~
5916	- #mec_meta_box_hourly_schedule_days .mec-col-3 {
5917	- width: 24%;
5918	}
5919
5920	.mec-form-row .mec-time-picker select {
5921	- min-width: 60px;
5922	}
5923
5924	- #mec_countdown_method,
5925	- #mec_repeat_type {
5926	min-width: 220px;
5927	- width: 220px;
5928	}
5929
5930	#mec_exceptions_in_days_container .mec-col-4 {
5931	- width: 25%;
5932	}
5933
5934	#mec_exceptions_in_days_container .mec-col-3 {
5935	- width: 50%;
5936	}
5937
5938	#mec_exceptions_in_days_container .mec-col-5 {
5939	- width: 20%;
5940	}
5941
5942	#mec_exceptions_in_days_container input[type=text] {
5943	- width: 95%;
5944	}
5945
5946	#mec_repeat_certain_weekdays_container label:not(.mec-col-3) {
5947	display: block;
5948	- padding-left: 25%;
5949	}
5950	}
5951
5952	- @media (max-width: ~~550px~~) {



5953
5954	- .mec-~~add~~-~~booking~~-~~tabs-left,~~
5955	- ~~.mec~~-~~add-event-tabs-left,~~
5956	- .mec-create-shortcode-tabs-left {
5957	- min-width: 100px;
5958	}
5959
5960	- .mec-~~add~~-~~booking~~-~~tabs~~-~~left~~ a,
5961	- ~~.mec-add-event-tabs-left~~ a,
5962	- ~~.mec-create-shortcode-tabs-left a {~~
5963	- ~~font-size: 11px;~~
5964	- ~~padding:~~ ~~12px~~ ~~8px;~~
































































5965	line-height: 1.2;
5966	- letter-spacing: 0;









5967	}
5968	}
5969
	@@ -5975,210 +6232,157 @@ a.mec-create-shortcode-tabs-link {
5975
5976	to {
5977	opacity: 1;
5978	- transform: translateX(~~0px~~)
5979	}
5980	}
5981
5982	- /* ~~New~~ ~~Admin~~ ~~CSS~~ */
5983	- .mec-form-row .mec-col-9 label,
5984	- .mec-form-row .mec-col-8 label {
5985	padding-right: 20px;
5986	}

5987	@media(min-width: 860px) and (max-width:1280px) {
5988	.mec-form-row .mec-col-9 label {
5989	- padding-right: 12px;
5990	}
5991	}
5992	- #mec-event-data .mec-form-row label {
5993	- margin-right: 14px;
5994	- }
5995	-
5996	- .mec-form-row input[type=date]::-webkit-calendar-picker-indicator {
5997	- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0QjQ2N0QwQjQ4MzExRUE4RDdFREZDRTUxMUVERTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0QjQ2N0QxQjQ4MzExRUE4RDdFREZDRTUxMUVERTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDRCNDY3Q0VCNDgzMTFFQThEN0VERkNFNTExRURFMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDRCNDY3Q0ZCNDgzMTFFQThEN0VERkNFNTExRURFMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WW71PAAAGIklEQVR42qRXS28bVRQ+586Mx3ZC1DSpVFojRU2CqMIGiSKxAVoUduzoDjYIlhU/Av4AYsdjRXfkD0Cjom6QqIqEqEhRo1aRkkZpkpY6j7GduQ++c2dsj1+BlInGztxvzj3nfudpPlM/otc2W2QjJmU0rZ0uUytUpBxNnN9p/FYhctF0+XUi2nPGkX7WJOfwxNRzqXxtbfI4eUvm7xY1o4iiI0d/vFiisL2BgTAz0yvbCRnLhP0uNEtqrgUseZRcwPPvJewaldSA8o48vo+Tj0U+CnrkOgZwvkEzEmGm1PF9fzK5Y3U/YlllsjRUv19zXl7571HyAjooc/kmYerpcmPO0Mfa0SyxEtji44ynOjPuayjecd7M46/MQOdGyIs9ThnzMLD0XRrwIdeetmoLm41fWiG95Ar792tydLLrOPkAlpW027hbG3+T37lf/5EtvYcXUuhfBjWp9wHRBO63c5lbEkQj2B92uaHy4l2EAQ66GFgbmiD4id/9q661ooAtf8rsvmUEilAHEqcgtJvvNq3YPTkJA8PksT9ZFxD8+4my9pvAOqOMxIMoJHfPZoJkJNiYat3duOac6hxt1N3GR8lnt0O623s+c2CVZEGaZ8Oks1mElvxu7hGYaQjpHLpH3q/YFQE7Oh5Y6gFTaHhAXlasxmoWpZO5L9Ow4DTv+UBZBAkWNO+CqhkbSOzaXWWyzY+n3WcACdVscnklz5CHYsmv1L/RyUJ/cs7zdT3Ey8pTgw/QgNNuS4XjNMvffwvBNmwDH+pdeZ3J+1qDdW15vS0iBhjZWzF9ge8HWl7zNLluYhP/9/jvFANXyL+ufF4jZvOCZsK8isp77+sixf10n7QQjJT39bBtjzdA5chtLG61n7kgk6UvDy29z4HL4c/ifkN0hYV+cA3Bc7stKAfossgSSF06+3HOu8QovE8eThDlv4pu1TbUOpqySDNUKMSDQRIo6QgVRHbFcID1mCITUGgNKLI9uBbcCC59xUi+DsiHBq0XOLb3utqOUYV+LglH9XJASRAsRNqt4xHVj59Exqw3AlrYi0PaiwNqBKoX12Y9iQSP/GkD4xZC0yt/GPFCvZzhUBoMtmPftRwMEEtpupy2auzadLraXtlNoXLhKQYLbjrWRx0cXNf24wxPSmWw5aZPNXSNOi5ytXqZpjTwSqs3PsJi0I61LG29EFG9GtyaeqgvxU17TrAkDjbvnq/eKcTYrbcemi5eHoI/OLgUt7r4n+cqd04llmZ3mjBSDQ4kYtERLLz4OKGt0xGKA9+RgiSGSRV7+UlCVvka72lEvHRx04vLGW2f/PzTBk3VtddRrGlhMXVaIdME5sLJ3ZQOTPQBNqj58uzcxsXtZEkqmQ7IB9ihLeA2x6FQqyG4cRuvbh8uNZSigzBCALhBBtrjkwjjQItQ+kPXWY6eBuEi/lmOlC8kvTh38ZLH3QC+y+GiIl4OqbeZ9RggQZgcVIXe1ep48jPkz/oGw7x1yoytIq1o59AH1Wp1rNHBSXA9tip87zYyvFzpx8dXLVTvqySvhUMNsN6+1ERrrNQVQs57H4K6cR35GrapffICb16RpO7glOHrrQyvjHXxQHB0/j1ugV0LpcFwAzS4n6hiZoIvEp2znwcSigfGJhxpMmseLc0dvFjcvRuLvdEdNyl2+0DOALwE863TM/jnJqhfQa6v4AfJzUNOZ/aVlhqIUpoO4PuU4XFsqFrSM866m9hxBXSvWPx/wHpGqA96Vfa5AH9HnMjYNI96dbkwaVzcCw/nAK+xHzp4Hp89eD04nENzX6v4cYrnrVWXXQF/Fh7MQfWasmogCNsmaT+qwD0g4gYsuYqnWlboeKMUumUr86LycxdwdRUb+zQTvAzcgL0jLXFkbkQUX5UKyFTE2bvZD0a5B8SAUu6dPf+7AInssja2VPSZRud2Ni/NKse5M2VQqkO4BxSzZLmV8Wwpa8S9OHsK3X6+Lc7F/JidOwvkc7z3FbIgzd7smy1c35TEg7NGrg6Ucs88UsCliOLHH1+Td8HYFl++W//QxfT9iSee/3lJWy5X6aMwtK3rTVWJUU4/g4GzdLLp73ku8cEDxNmXUZhc/0eAAQAVgX0RHvvILQAAAABJRU5ErkJggg==');
5998	- background-position: center;
5999	- background-size: cover;
6000	- width: 10px;
6001	- height: 12px;
6002	- display: block;
6003	- }
6004	-
6005	- .mec-form-row input[type=number],
6006	- .mec-form-row input[type=text],
6007	- .mec-form-row input[type=url],
6008	- .mec-form-row input[type=tel],
6009	- .mec-form-row input[type=email],
6010	- .mec-form-row input[type=date],
6011	- .mec-occurrences-wrapper input[type=number],
6012	- .mec-occurrences-wrapper input[type=number],
6013	- .mec-occurrences-wrapper input[type=text],
6014	- .mec-occurrences-wrapper input[type=url],
6015	- .mec-occurrences-wrapper input[type=tel],
6016	- .mec-occurrences-wrapper input[type=email],
6017	- .mec-occurrences-wrapper input[type=date],
6018	- .mec-occurrences-wrapper input[type=number],
6019	- .mec-occurrences-wrapper select,
6020	- .mec-occurrences-wrapper textarea,
6021	- .mec-form-row select,
6022	- .mec-form-row textarea,
6023	- .mec-form-row.mec-skin-list-date-format-container input[type=text],
6024	- .mec-calendar-metabox .wn-mec-select {
6025	- border: solid 1px #ddd;
6026	- border-radius: 2px;
6027	- height: 40px;
6028	- line-height: 38px;
6029	- padding-left: 10px;
6030	- box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .05), inset 0 1px 2px rgba(0, 0, 0, .02);
6031	- }
6032	-
6033	- .mec-calendar-metabox .wn-mec-select.open .list {
6034	- border-radius: 0 0 2px 2px;
6035	- box-shadow: 0 0 0 1px #ddd, 0 2px 6px rgba(0, 0, 0, 0.07);
6036	- }
6037	-
6038	- .mec-calendar-metabox .mec-custom-nice-select.open ul.list {
6039	- border-radius: 3px;
6040	- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
6041	- margin-left: 0 !important;
6042	- transform: translateX(-50%);
6043	- left: 50%;
6044	- }
6045	-
6046	- .mec-custom-nice-select ul.list li.option.selected .wn-mec-text:after {
6047	- border: 6px solid #40d9f1;
6048	- box-shadow: 0 3px 16px -3px #40d9f1;
6049	- }
6050
6051	- .mec-form-row ~~input[type=checkbox]~~ {
6052	- ~~background~~-~~color~~: ~~#fff;~~
6053	- border: 1px solid #cacece;
6054	- box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
6055	- padding: 9px;
6056	- border-radius: 3px;
6057	- min-width: 24px;
6058	- min-height: 24px;
6059	- display: inline-block;
6060	- transition: all 0.18s ease;
6061	- outline: none;
6062	- margin: 2px 4px 4px 0;
6063	}
6064
6065	- .mec-form-row input[type=~~checkbox~~]~~:focus~~ {
6066	- ~~outline~~: ~~none~~;





6067	}
6068
6069	- .mec-form-row input[type=~~checkbox~~]~~:hover~~ {
6070	- border~~-color~~: ~~#62b6ff~~;






6071	}
6072
6073	- .mec-form-row ~~input[~~type~~=checkbox]:checked~~ {
6074	- ~~box-shadow~~: ~~0 1px 6px -2px #008aff~~;
6075	- ~~border~~-~~color~~: ~~#008aff~~;
6076	- ~~background~~: ~~#008aff~~;




6077	border-radius: 2px;
6078	- ~~position~~: ~~relative~~;








6079	}
6080
6081	- .mec-form-row.mec-~~switcher~~ ~~input[~~type~~=checkbox]~~ {
6082	- ~~position~~: ~~absolute~~;

6083	}
6084
6085	- .mec-~~form~~-~~row~~ ~~input[type=checkbox]:checked:before~~ {
6086	- ~~content~~: ~~"";~~
6087	- font: normal;
6088	- position: absolute;
6089	- top: 12px;
6090	- left: 8px;
6091	- border-right: 2px solid transparent;
6092	- border-bottom: 2px solid transparent;
6093	- transform: rotate(45deg);
6094	- transform-origin: 0% 100%;
6095	- color: #fff;
6096	- animation: checkbox-check 130ms 140ms cubic-bezier(.4, .0, .23, 1) forwards;
6097	}
6098
6099	- ~~@keyframes~~ ~~checkbox~~-~~check~~ {
6100	- 0% {
6101	- ~~width: 0;~~
6102	- height: 0;
6103	- border-color: #fff;
6104	- transform: translate3d(0, 0, 0) rotate(45deg);
6105	- }
6106
6107	- ~~33%~~ {
6108	- ~~width~~: ~~5px~~;
6109	- ~~height~~: 0;
6110	- ~~transform: translate3d(0, 0, 0) rotate(45deg);~~
6111	- }
6112
6113	- ~~100%~~ {
6114	- ~~width~~: ~~5px~~;
6115	- ~~height~~: ~~11px~~;
6116	- ~~border~~-~~color~~: ~~#fff~~;
6117	- transform: ~~translate3d~~(0, -~~11px, 0~~) ~~rotate(45deg)~~;
6118	- }





6119	}
6120
6121	- .mec-form-row select+span.mec-tooltip,
6122	- ~~.mec-form-row~~ ~~input+span.mec-tooltip {~~
6123	- bottom: 10px;
6124	}
6125
6126	.mec-form-row label+span.mec-tooltip {
6127	- bottom: 8px;
6128	}
6129
6130	.mec-form-row textarea+span.mec-tooltip {
6131	bottom: auto;
6132	vertical-align: top;
6133	- top: 12px;
6134	}
6135
6136	.mec-form-row span+span.mec-tooltip {
6137	bottom: 0;
6138	- vertical-align: middle;
6139	}
6140
6141	- .mec-form-row .~~mec~~-~~col~~-8 span.mec-~~archive-skins,~~
6142	- ~~.mec~~-~~form-row~~ ~~.mec~~-~~col-8 select,~~
6143	- ~~.mec-form-row .mec-col-8 input[type="text"] {~~
6144	- ~~vertical-align: top;~~


6145	}
6146
6147	.mec-form-row .mec-col-8 span.mec-archive-skins input[type=text] {
6148	- max-width: 225px;
6149	}
6150
6151	.mec-form-row input:disabled {
6152	- opacity: 0.6;
6153	- background: #f6f6f6;
6154	}
6155
6156	.wns-be-group-tab h5 {
6157	font-size: 16px;
6158	font-weight: 600;
6159	color: #444;
6160	- margin: ~~45px~~ 0 ~~25px~~;
6161	}
6162
6163	.mec-form-row textarea {
6164	height: auto;
6165	margin-bottom: 0;
6166	- min-height: 60px;
6167	}
6168
6169	.mec-form-row .wp-picker-container input[type=text].wp-color-picker {
6170	height: 25px;
6171	vertical-align: top;
6172	- ~~margin~~: 0;

6173	}
6174
6175	.mec-form-row .wp-picker-container label {
6176	- margin: 0;
6177	}
6178
6179	.mec-image-select-wrap li span:hover {
6180	border-color: #fff;
6181	- box-shadow: 0 1px 8px rgba(0, 0, 0~~, 0.~~12);
6182	}
6183
6184	.mec-message-categories li.mec-acc-label:after {
	@@ -6192,28 +6396,28 @@ a.mec-create-shortcode-tabs-link {
6192	color: #999;
6193	position: absolute;
6194	right: 27px;
6195	- top: 26px;
6196	}
6197
6198	- .mec-message-categories>li.mec-acc-label[data-status="open"]:after {
6199	content: "\e607";
6200	- color: #~~008aff;~~
6201	}
6202
6203	- .mec-message-categories>li.mec-acc-label[data-status="open"] {
6204	- color: #~~008aff;~~
6205	}
6206
6207	.mec-message-categories>li.mec-acc-label:last-of-type {
6208	- border-bottom: none;
6209	}
6210
6211	- .mec-message-categories>li.mec-acc-label[data-status="open"] {
6212	- border-bottom: 1px solid #e6e6e6;
6213	}
6214
6215	.mec-form-row ul.mec-message-categories {
6216	- box-shadow: 0 2px 16px rgba(0, 0, 0~~, 0.~~03);
6217	border-radius: 5px;
6218	overflow: hidden;
6219	margin-top: 30px;
	@@ -6225,114 +6429,172 @@ a.mec-create-shortcode-tabs-link {
6225	.mec-form-row ul.mec-message-categories li ul {
6226	padding: 10px 40px 40px;
6227	margin: 0 -30px 0;
6228	- background: #~~f5f5f5~~;
6229	- box-shadow: inset 0 ~~4px~~ 7px ~~rgba~~(0, 0, 0, ~~0.04~~);

6230	cursor: default;
6231	}
6232
6233	.mec-form-row ul.mec-message-categories ul label {
6234	margin: 25px 8px 7px;
6235	- font-weight: 600 !important;
6236	- font-size: ~~13px~~;
6237	color: #888;
6238	cursor: default;
6239	}
6240
6241	- .~~wns~~-~~be-sidebar>li:hover~~ a,
6242	- ~~.wns-be-sidebar li~~:~~hover~~ ~~a i {~~
6243	- color: #008aff;
6244	}
6245
6246	- .mec-~~form~~-~~row~~.mec-~~skin~~-~~list~~-~~date~~-~~format~~-~~container~~ ~~span~~.mec-~~tooltip~~ {
6247	- ~~top~~: ~~2px;~~
6248	}
6249
6250	- .mec-~~calendar~~-~~metabox~~ .mec-form-row ~~input[type=checkbox],~~
6251	- ~~.mec~~-~~meta-box-fields~~ ~~.mec-form-row input[type=checkbox] {~~
6252	- ~~margin-right~~: ~~6px~~;









6253	}
6254
6255	- .mec-~~occurrences~~-~~wrapper .button:not(.wp~~-~~color~~-~~result),~~
6256	- ~~#mec_meta_box_downloadable_file_options~~ ~~#mec_downloadable_file_remove_image_button,~~
6257	- ~~.mec~~-~~meta-box-fields .mec-form-row .button~~:~~not(.wp-color-result)~~ {
6258	- ~~height: 39px;~~
6259	- ~~margin-top: 1px;~~
6260	- ~~box-shadow~~: ~~inset 0 2px 4px~~ #~~fff,~~ ~~inset 0~~ -~~2px~~ ~~4px rgba~~(~~0, 0, 0,~~ .05), ~~0 2px 2px rgba~~(~~0, 0, 0,~~ .06);


















6261	}
6262
6263	#mec_meta_box_downloadable_file_options #mec_downloadable_file_remove_image_button {
6264	- margin-top: 12px;

































6265	}
6266
6267	#mec-read-more .mec-form-row span.mec-tooltip {
6268	top: 2px;
6269	- left: -4px;
6270	}
6271
6272	- /* Occurrences Edit */
6273	#mec-occurrences .mec-occurrences-list h3 {
6274	- margin-top: 0;
6275	}
6276
6277	#mec-occurrences .mec-occurrences-list .mec-form-row {
6278	- margin-bottom: 0;
6279	}
6280
6281	#mec-occurrences .mec-occurrences-list .mec-form-row label {
6282	line-height: 40px;
6283	width: 120px;
6284	display: inline-block;
6285	- margin: 0;
6286	}
6287
6288	#mec-occurrences .mec-occurrences-list .mec-form-row .event-status-schema label {
6289	width: auto;
6290	- min-width: 160px;
6291	}
6292
6293	#mec-occurrences .mec-occurrences-list .mec-form-row .event-status-schema p {
6294	border: unset;
6295	padding-left: 0;
6296	- margin-left: 0;
6297	}
6298
6299	- /* Search Setting */
6300	#mec-search-settings {
6301	border-radius: 21px;
6302	min-height: 32px;
6303	- box-shadow: inset 0 1px 2px rgba(0, 0, 0~~, .~~06);
6304	- padding: 9px 10px 12px 34px;
6305	margin-right: 10px;
6306	color: #7c838a;
6307	font-size: 13px;
6308	width: 260px;
6309	- background: #~~f5f5f5~~;
6310	border: none;
6311	z-index: 1;
6312	- transition: all 0.18s ease;
6313	- outline: ~~none~~;
6314	- line-height: ~~normal~~;

6315	}
6316
6317	#mec-search-settings:focus {
6318	background: #fff;
6319	- box-shadow: 0 1px 6px rgba(0, 0, 0~~, .~~07), 0 0 0 1px #e6e6e6;
6320	- width: 270px;
6321	}
6322
6323	.mec-search-settings-wrap {
6324	display: inline-block;
6325	- position: relative;
6326	}
6327
6328	.mec-search-settings-wrap i {
6329	position: absolute;
6330	- left: ~~14px~~;
6331	- top: ~~14px~~;
6332	font-size: 13px;
6333	color: #7e8c98;
6334	display: block;
6335	- z-index: 2;
6336	}
6337
6338	#mec-search-settings::-webkit-input-placeholder {
	@@ -6351,29 +6613,21 @@ a.mec-create-shortcode-tabs-link {
6351	color: #7c838a
6352	}
6353
6354	-
6355	- /* ~~Search result — Find results beautiful */~~
6356	- #wns-be-content .noresults label,
6357	- #wns-be-content .results .results .noresults label {
6358	- color: #000;
6359	}
6360
6361	- #wns-be-content .results label,
6362	- #~~wns-be-content .results .results .results label,~~
6363	- #wns-be-content ul li.enable,
6364	- #wns-be-content ul li.enable label {
6365	- color: #008aff;
6366	}
6367
6368	- #wns-be-content ul li.disable,
6369	- #~~wns-be-content ul li.disable label {~~
6370	- color: #e7e7e7;
6371	}
6372
6373	- /* Fix datepicker */
6374	.ui-datepicker.ui-widget {
6375	border: 1px solid #e8e8e8;
6376	- box-shadow: 0 1px 9px rgba(0, 0, 0~~, 0.~~12);
6377	}
6378
6379	.ui-datepicker.ui-widget select {
	@@ -6381,17 +6635,16 @@ a.mec-create-shortcode-tabs-link {
6381	font-size: 12px;
6382	border-radius: 2px;
6383	padding: 2px 10px;
6384	- margin: 1px 3px 5px;
6385	}
6386
6387	.ui-datepicker.ui-widget table {
6388	- border-spacing: 2px;
6389	}
6390
6391	- .ui-datepicker.ui-widget td,
6392	- .ui-datepicker.ui-widget tr {
6393	padding: 0;
6394	- background: ~~none~~ !important;
6395	}
6396
6397	.ui-datepicker.ui-widget td a {
	@@ -6404,17 +6657,15 @@ a.mec-create-shortcode-tabs-link {
6404	border-radius: 33px;
6405	padding: 0;
6406	background: #fff;
6407	- transition: all 0.2s ease;
6408	}
6409
6410	- .ui-datepicker.ui-widget td a:hover,
6411	- .ui-datepicker.ui-widget td a.ui-state-active {
6412	background: #40d9f1;
6413	- color: #fff;
6414	}
6415
6416	- .ui-datepicker.ui-widget .ui-datepicker-next,
6417	- .ui-datepicker.ui-widget .ui-datepicker-prev {
6418	color: #40d9f1;
6419	width: 30px;
6420	height: 30px;
	@@ -6423,21 +6674,20 @@ a.mec-create-shortcode-tabs-link {
6423	text-align: center;
6424	border-radius: 33px;
6425	background: #ecfcff;
6426	- transition: all 0.2s ease;
6427	}
6428
6429	- .ui-datepicker.ui-widget .ui-datepicker-next:hover,
6430	- .ui-datepicker.ui-widget .ui-datepicker-prev:hover {
6431	background: #fff;
6432	- box-shadow: 0 0 7px -3px rgba(0, 0, 0~~, 0.~~4);
6433	}
6434
6435	- /* New style */
6436	#mec-wrap {
6437	width: 92%;
6438	margin: 20px auto;
6439	max-width: 1384px
6440	}

6441	#mec-wrap h2.nav-tab-wrapper {
6442	margin-bottom: 40px;
6443	padding: 0;
	@@ -6445,8 +6695,9 @@ a.mec-create-shortcode-tabs-link {
6445	margin-top: 35px;
6446	clear: both;
6447	background: #fff;
6448	- box-shadow: 0 3px 12px -4px rgba(0, 0, 0~~, .~~13)
6449	}

6450	#mec-wrap .nav-tab-wrapper .nav-tab {
6451	position: relative;
6452	padding: 28px 22px;
	@@ -6474,12 +6725,9 @@ a.mec-create-shortcode-tabs-link {
6474	background: #e9e9e9
6475	}
6476
6477	- #mec-wrap .nav-tab-wrapper .nav-tab-active,
6478	- #mec-wrap .nav-tab-wrapper .nav-tab-active:focus,
6479	- #mec-wrap .nav-tab-wrapper .nav-tab-active:focus:active,
6480	- #mec-wrap .nav-tab-wrapper .nav-tab-active:hover {
6481	background: #008aff;
6482	- background: linear-gradient(95deg~~, #~~36a2ff 0~~, #~~008aff 50~~%, #~~0072ff 100%);
6483	color: #fff;
6484	outline: 0;
6485	box-shadow: 0 5px 25px -7px #008aff;
	@@ -6505,7 +6753,7 @@ a.mec-create-shortcode-tabs-link {
6505
6506	#mec-wrap .mec-container {
6507	padding: 25px 40px 40px;
6508	- box-shadow: 0 3px 10px -4px rgba(0, 0, 0~~, .~~1)
6509	}
6510
6511	#wpwrap .mec-button-primary {
	@@ -6515,19 +6763,18 @@ a.mec-create-shortcode-tabs-link {
6515	box-shadow: 0 3px 10px -4px #008aff;
6516	text-shadow: none;
6517	background: #008aff;
6518	- background: linear-gradient(95deg~~, #~~36a2ff 0~~, #~~008aff 50~~%, #~~0072ff 100%);
6519	border: none;
6520	- transition: .24s;
6521	}
6522
6523	#wpwrap .mec-button-primary:hover {
6524	background: #222;
6525	- background: linear-gradient(95deg~~, #~~555 0~~, #~~222 50~~%, #~~000 100%);
6526	- box-shadow: 0 5px 15px -7px rgba(0, 0, 0~~, .~~5);
6527	- cursor: pointer;
6528	}
6529
6530	- /* Addons Tooltip */
6531	.wn-p-t-right {
6532	min-width: 300px;
6533	max-width: 400px;
	@@ -6535,7 +6782,7 @@ a.mec-create-shortcode-tabs-link {
6535	top: -8px;
6536	left: 50%;
6537	margin-top: 0;
6538	- transform: translate(-50~~%, -~~100%);
6539	padding: 0;
6540	background-color: #535a61;
6541	color: #fff;
	@@ -6552,19 +6799,19 @@ a.mec-create-shortcode-tabs-link {
6552	opacity: 0;
6553	transition: opacity .23s;
6554	padding: 20px;
6555	- border-radius: 8px;
6556	}
6557
6558	.wn-p-t-right i {
6559	- position: absolute !important;
6560	top: 100%;
6561	right: 50%;
6562	- margin-top: -6px !important;
6563	- margin-right: -6px !important;
6564	width: 12px;
6565	height: 24px;
6566	overflow: hidden;
6567	- transform: rotate(-90deg);
6568	}
6569
6570	.wn-p-t-right i:after {
	@@ -6574,9 +6821,9 @@ a.mec-create-shortcode-tabs-link {
6574	height: 12px;
6575	left: 0;
6576	top: 50%;
6577	- transform: translate(50~~%, -~~50%) rotate(-45deg);
6578	background-color: #535a61;
6579	- box-shadow: 0 8px 9px -4px #535a61;
6580	}
6581
6582	.wn-p-t-right .wn-p-t-text-content h5 {
	@@ -6589,181 +6836,168 @@ a.mec-create-shortcode-tabs-link {
6589	margin-bottom: 10px;
6590	background: #3a3f44;
6591	border-bottom: 1px solid #32363a;
6592	- border-radius: 6px 6px 0 0;
6593	}
6594
6595	.mec-addon-box-footer a:hover .wn-p-t-right {
6596	visibility: visible;
6597	- opacity: 1;
6598	}
6599
6600	- /* ~~User Dashboard */~~
6601	- ~~#mec_organizer_user~~ ~~+ .select2-container,~~
6602	- #mec_speaker_user + .select2-container {
6603	- min-width: 224px !important;
6604	}
6605
6606	- /* ~~Select~~ 2 ~~Styles */~~
6607	- .mec-add-event-tabs-wrap .select2-container,
6608	- .mec-create-shortcode-tab-content .select2-container {
6609	min-height: 38px;
6610	height: auto;
6611	box-sizing: border-box;
6612	- margin-bottom: 8px;
6613	padding: 0 6px;
6614	border-radius: 2px;
6615	border: 1px solid #ddd;
6616	- box-shadow: inset 0 1px 6px rgba(0, 0, 0~~, 0.~~07);
6617	background-color: #fff;
6618	color: #32373c;
6619	- outline: ~~none~~;
6620	- transition: ~~0.05s~~ border-color ease-in-out;
6621	min-width: 200px;
6622	- font-size: 14px;
6623	}
6624
6625	- .mec-add-event-tabs-wrap .select2-selection,
6626	- .mec-create-shortcode-tab-content .select2-selection {
6627	border: none;
6628	- background: ~~transparent~~;
6629	padding-top: 3px;
6630	width: 100%;
6631	- height: 100%;
6632	}
6633
6634	- .mec-add-event-tabs-wrap .select2-container--default.select2-container--focus .select2-selection,
6635	- ~~.mec-create-shortcode-tab-content~~ ~~.select2-container--default.select2-container--focus .select2-selection {~~
6636	- ~~border~~: ~~none !important;~~
6637	- outline: 0;
6638	}
6639	- ~~.mec-add-event-tabs-wrap .select2-container--default .select2-selection--single .select2-selection__arrow,~~
6640	- .mec-create-shortcode-tab-content .select2-container--default .select2-selection--single .select2-selection__arrow {
6641	top: 5px;
6642	- right: 4px;
6643	}
6644
6645	- /* Freshdesk Newsletter */
6646	.fs-webform-container div .fserv-container {
6647	- width: 100~~% !~~important;
6648	- max-width: none !important;
6649	- min-height: 208px !important;
6650	- box-shadow: 0 1px 16px rgba(0, 0, 0~~, .~~034) !important;
6651	- border-radius: 2px !important;
6652	- padding: 0 !important;
6653	- margin-bottom: 0 !important;
6654	- margin-top: 30px !important;
6655	}
6656
6657	.fserv-container .fserv-form-name {
6658	- font-weight: 600 !important;
6659	- position: relative !important;
6660	- font-size: 20px !important;
6661	- padding: 20px !important;
6662	- border-bottom: 1px solid #ededed !important;
6663	- text-align: left !important;
6664	- margin: 0 !important
6665	}
6666
6667	.fserv-form-description {
6668	- padding: 10px 30px !important;
6669	- margin: 1em 0 0 !important;
6670	- line-height: 1.5 !important;
6671	- font-size: 16px !important
6672	}
6673
6674	.fserv-container form {
6675	- padding: 0 !important;
6676	- padding-left: 28px !important;
6677	}
6678
6679	.fserv-container .fserv-label {
6680	- display: none !important
6681	}
6682
6683	.fserv-field {
6684	display: inline-block;
6685	- width: 41~~% !~~important;
6686	- padding: 0 !important;
6687	- margin: 0 !important;
6688	- margin-right: 25px !important;
6689	}
6690
6691	.fserv-field+div:not(.fserv-field) {
6692	- margin: 0 !important;
6693	- border: none !important;
6694	- text-align: left !important;
6695	- padding-left: 4px !important;
6696	- margin-top: 0 !important;
6697	- padding-top: 0 !important;
6698	display: inline-block;
6699	- margin-right: 10px !important;
6700	}
6701
6702	.fserv-container .powered-by {
6703	- display: none !important
6704	}
6705
6706	#webnus-dashboard .mec-intro-section .mec-intro-section-link-tag {
6707	font-weight: 500;
6708	border-radius: 2px;
6709	text-shadow: none;
6710	- box-shadow: 0 1px 3px rgba(0,0,0~~,0.~~06);
6711	background: #fff;
6712	- background: linear-gradient(95deg~~, #~~fff 0~~, #~~fff 50~~%, #~~fff 100%) !important;
6713	border: 1px solid #e7e7e7;
6714	- transition: .24s;
6715	}
6716
6717	- #webnus-dashboard .total-bookings button,
6718	- #~~webnus-dashboard .mec-intro-section .mec-intro-section-link-tag.button-primary,~~
6719	- ~~button.fserv~~-~~button-submit~~ {
6720	- ~~color~~: ~~#fff~~ !important;
6721	- ~~font~~-~~weight~~: ~~500~~ !important;
6722	- ~~border~~-~~radius~~: ~~2px~~ !important;
6723	- ~~box-shadow~~: ~~0 3px 10px -4px~~ #008aff !important;
6724	- ~~text-shadow~~: ~~none~~ !important;
6725	- ~~background~~: ~~#008aff~~ !important;
6726	- ~~background~~: ~~linear-gradient(95deg, #36a2ff 0, #008aff 50%, #0072ff 100%)~~ !important;
6727	- border: none !important;
6728	- transition: .24s !important
6729	}
6730
6731	#webnus-dashboard .total-bookings button {
6732	line-height: 39px;
6733	- padding: 0 36px;
6734	}
6735
6736	- #webnus-dashboard .mec-intro-section .mec-intro-section-link-tag.button-primary,
6737	- ~~#webnus-dashboard .mec-intro-section .mec-intro-section-link-tag~~:~~hover~~ {
6738	- color: #fff !important;
6739	}
6740
6741	- #webnus-dashboard .total-bookings button:hover,
6742	- #~~webnus-dashboard .mec-intro-section .mec-intro-section-link-tag:hover,~~
6743	- ~~button.fserv-button-submit~~:~~hover~~ {
6744	- ~~background~~: ~~#222~~ !important;
6745	- ~~background~~: ~~linear-gradient(95deg, #555 0, #222 50%, #000 100%)~~ !important;
6746	- box-shadow: 0 5px 23px -7px rgba(0, 0, 0, .5) !important;
6747	- cursor: pointer !important
6748	}
6749
6750	.fserv-container input::-webkit-input-placeholder {
6751	- font-family: Inherit !important;
6752	font-size: 14px
6753	}
6754
6755	.fserv-container input::-moz-placeholder {
6756	- font-family: Inherit !important;
6757	font-size: 14px
6758	}
6759
6760	.fserv-container input:-ms-input-placeholder {
6761	- font-family: Inherit !important;
6762	font-size: 14px
6763	}
6764
6765	.fserv-container input:-moz-placeholder {
6766	- font-family: Inherit !important;
6767	font-size: 14px
6768	}
6769
	@@ -6774,41 +7008,40 @@ input.fserv-input-text {
6774	padding: 0 6px;
6775	box-shadow: none;
6776	border-radius: 2px;
6777	- box-shadow: inset 0 1px 5px rgba(0, 0, 0~~, .~~05);
6778	}
6779
6780	.fserv-field label.error {
6781	- display: none !important;
6782	}
6783
6784	.fs-notifier {
6785	- position: fixed !important;
6786	- top: 40px !important;
6787	- width: 300px !important;
6788	- max-width: 300px !important;
6789	- margin: 0 !important;
6790	- right: 20px !important;
6791	- left: unset !important;
6792	}
6793
6794	- /* Attendee list in backend */
6795	.post-type-mec-events .lity {
6796	- background: #~~EDF0F3;~~
6797	}
6798
6799	.post-type-mec-events .lity-container {
6800	width: 60vW;
6801	max-width: 883px;
6802	margin: 0 auto;
6803	- border-radius: 7px;
6804	}
6805
6806	.post-type-mec-events .lity-content:after {
6807	- display: none;
6808	}
6809
6810	.mec-manage-events-lightbox {
6811	- box-shadow: 0 3px 20px rgba(0,0,0,.05);
6812	}
6813
6814	.w-clearfix.mec-attendees-content img {
	@@ -6816,47 +7049,50 @@ input.fserv-input-text {
6816	width: 25px;
6817	height: 25px;
6818	vertical-align: middle;
6819	- margin-right: 7px;
6820	}
6821
6822	.post-type-mec-events .mec-attendees-list-head {
6823	- background: #~~008AFF~~;
6824	color: #fff;
6825	text-align: center;
6826	padding: 17px 0;
6827	text-transform: capitalize;
6828	font-size: 26px;
6829	- font-weight: ~~bold~~;
6830	- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
6831	border-radius: 7px 7px 0 0;
6832	line-height: 43px;
6833	- box-shadow: 0 3px 15px rgba(0, 138, 255~~, 0.~~25);
6834	- z-index: 99;
6835	}
6836
6837	.mec-attendees-list-wrap {
6838	display: flex;
6839	width: 100%;
6840	flex-direction: column;
6841	- font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
6842	background: #fff;
6843	- box-shadow: 0 3px 20px rgba(0, 0, 0~~, 0.~~05);
6844	border-radius: 0 0 5px 5px;
6845	- overflow: hidden;
6846	}

6847	.mec-attendees-list-left {
6848	flex: 1;
6849	- background: #~~F6F8FA~~;
6850	padding: 0;
6851	border-radius: 0;
6852	- position: relative;
6853	}
6854	- ~~.mec-attendees-list-right, .mec-send-email-form-wrap {~~

6855	flex: 1;
6856	border-radius: 0 0 5px 5px;
6857	padding: 0 20px 20px;
6858	- background: #f2f4f7;
6859	}

6860	.mec-attendees-list-left-menu a {
6861	display: inline-block;
6862	line-height: 22px;
	@@ -6868,85 +7104,77 @@ input.fserv-input-text {
6868	padding-bottom: 0;
6869	padding: 7px 6px;
6870	margin-bottom: 0;
6871	- font-family: -apple-system,
6872	- BlinkMacSystemFont,
6873	- "Segoe UI",
6874	- Roboto,
6875	- sans-serif !important;
6876	transition: all .2s ease;
6877	text-decoration: none;
6878	- text-align: center;
6879	}
6880
6881	.mec-attendees-list-left-menu a.selected-day {
6882	- color: #008aff;
6883	}
6884
6885	-
6886	.mec-attendees-list-left-menu .owl-item:last-child a {
6887	- border-right: 1px solid #eaebec;
6888	}
6889
6890	.mec-attendees-list-right table {
6891	- width: 100%;
6892	}
6893
6894	.w-clearfix.mec-attendees-head {
6895	margin-top: 30px;
6896	- border-bottom: 2px solid #~~008AFF~~;
6897	padding-bottom: 18px;
6898	- margin-bottom: 3px;
6899	}
6900
6901	- .w-clearfix.mec-attendees-head [class^="w-col-xs-"],
6902	- ~~.w-clearfix.mec-attendees-content~~ ~~[class^="w-col-xs-"] {~~
6903	- padding: 0;
6904	}
6905
6906	.w-clearfix.mec-attendees-head span {
6907	font-weight: 600;
6908	color: #000;
6909	- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
6910	- font-size: 17px;
6911	}
6912
6913	.w-clearfix.mec-attendees-content {
6914	background: #fff;
6915	margin-bottom: 2px;
6916	- padding: 10px 20px;
6917	}
6918
6919	.mec-attendees-list-left-menu {
6920	- height:36px;
6921	margin-left: 35px;
6922	- margin-right: 36px;
6923	}
6924
6925	- .mec-attendees-list-left-menu a:active,
6926	- .mec-attendees-list-left-menu a:focus,
6927	- .mec-attendees-list-left-menu a:visited {
6928	outline: 0;
6929	- box-shadow: none;
6930	}
6931
6932	.mec-attendees-list-left-menu .owl-item {
6933	- display: inline-block;
6934	}
6935
6936	.mec-attendees-list-left-menu .owl-stage {
6937	- min-width:800px !important;
6938	}
6939
6940	.owl-nav.disabled .owl-next {
6941	position: absolute;
6942	right: 0;
6943	- top: 0;
6944	}
6945
6946	.owl-nav.disabled .owl-prev {
6947	position: absolute;
6948	left: 0;
6949	- top: 0;
6950	}
6951
6952	.owl-nav.disabled button {
	@@ -6956,12 +7184,12 @@ input.fserv-input-text {
6956	height: 36px;
6957	width: 36px;
6958	font-size: 54px;
6959	- line-height: 54px;
6960	}
6961
6962	.owl-nav.disabled button span {
6963	margin-top: -18px;
6964	- display: block;
6965	}
6966
6967	.mec-cover-loader:after {
	@@ -6971,78 +7199,76 @@ input.fserv-input-text {
6971	right: 0;
6972	left: 0;
6973	bottom: 0;
6974	- background: rgba(255, 255, 255~~, 0.~~5);
6975	- z-index: 99999;
6976	}
6977
6978	.mec-loader {
6979	- background: rgba(0, 0, 0, 0);
6980	position: absolute;
6981	top: 50%;
6982	left: 50%;
6983	- transform: translate(-50~~%, -~~50%);
6984	- z-index: 9;
6985	}
6986
6987	- .mec-loader,
6988	- .mec-loader:after {
6989	border-radius: 50%;
6990	width: 5em;
6991	height: 5em;
6992	- z-index: 999999999999;
6993	}
6994
6995	.mec-loader {
6996	font-size: 10px;
6997	text-indent: -9999em;
6998	- border-top: 0.5em solid rgba(0, 0, 0~~, 0.~~2);
6999	- border-right: 0.5em solid rgba(0, 0, 0~~, 0.~~2);
7000	- border-bottom: 0.5em solid rgba(0, 0, 0~~, 0.~~2);
7001	- border-left: 0.5em solid #~~ffffff~~;
7002	-webkit-transform: translateZ(0);
7003	-ms-transform: translateZ(0);
7004	transform: translateZ(0);
7005	-webkit-animation: mecloader 1.1s infinite linear;
7006	- animation: mecloader 1.1s infinite linear;
7007	}
7008
7009	- @media(max-width: 992px){
7010	.post-type-mec-events .lity-container {
7011	- width: 80vw;
7012	}
7013	}
7014
7015	@-webkit-keyframes mecloader {
7016	0% {
7017	- -webkit-transform: rotate(~~0deg~~);
7018	- transform: rotate(~~0deg~~);
7019	}
7020
7021	100% {
7022	-webkit-transform: rotate(360deg);
7023	- transform: rotate(360deg);
7024	}
7025	}
7026
7027	@keyframes mecloader {
7028	0% {
7029	- -webkit-transform: rotate(~~0deg~~);
7030	- transform: rotate(~~0deg~~);
7031	}
7032
7033	100% {
7034	-webkit-transform: rotate(360deg);
7035	- transform: rotate(360deg);
7036	}
7037	}
7038
7039	- /* ~~Report Page */~~
7040	- ~~.mec-report-sendmail-form-wrap,~~
7041	- .mec-report-backtoselect-wrap {
7042	- display: none;
7043	}

7044	.mec-report-select-event-wrap .select2 {
7045	- width: 100~~% !~~important;
7046	}
7047
7048	.mec-report-select-event-wrap .select2-container--default .select2-selection--single {
	@@ -7051,96 +7277,90 @@ input.fserv-input-text {
7051	height: 38px;
7052	padding-top: 5px;
7053	width: 100%;
7054	- box-shadow: 0 2px 3px rgba(0, 0, 0~~, 0.~~03);
7055	}
7056
7057	.mec-report-select-event-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
7058	- height: 36px;
7059	}
7060
7061	.mec-report-select-event-wrap .select2-container--open .select2-dropdown--below {
7062	- box-shadow: 0 2px 8px rgba(0, 0, 0~~, 0.~~12);
7063	- border-color: #d7d8d9;
7064	}
7065
7066	.select2-container--default .select2-search--dropdown .select2-search__field {
7067	- box-shadow: 0 2px 8px rgba(0, 0, 0~~, 0.~~06) inset;
7068	border-color: #d7d8d9;
7069	- border-radius: 2px;
7070	}
7071
7072	- .mec-report-select-event-wrap input[type=text],
7073	- .mec-report-select-event-wrap select {
7074	border: 1px solid #e2e3e4;
7075	font-size: 13px;
7076	font-weight: 400;
7077	- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
7078	margin-bottom: 15px;
7079	border-radius: 2px;
7080	- box-shadow: 0 2px 3px rgba(0, 0, 0~~, 0.~~03);
7081	- max-width: 150px;
7082	}
7083
7084	.mec-report-select-event-wrap .select2-container--default {
7085	- max-width: 400px;
7086	}
7087
7088	.mec-report-select-event-wrap select.mec-reports-selectbox-dates {
7089	height: 38px;
7090	min-width: 260px;
7091	margin: 0 0 0 10px;
7092	- padding-left: 15px;
7093	}
7094
7095	- .mec-report-sendmail-wrap,
7096	- .mec-report-sendmail-form-wrap {
7097	padding: 30px 15px;
7098	background: #fff;
7099	border: 1px solid #e2e3e4;
7100	margin: 15px 0 5px;
7101	border-radius: 2px;
7102	- box-shadow: 0 1px 4px rgba(0, 0, 0~~, .~~02);
7103	}
7104
7105	.mec-report-sendmail-wrap .w-col-sm-12:before {
7106	- background: url("../img/email-document.png") no-repeat left top;
7107	content: "";
7108	display: block;
7109	width: 90px;
7110	height: 70px;
7111	z-index: 100;
7112	- float: left;
7113	}
7114
7115	.mec-report-sendmail-wrap p {
7116	margin: 0 0 15px;
7117	font-size: 15px;
7118	- color: #7d8284;
7119	}
7120
7121	- .mec-report-sendmail-wrap .w-col-sm-12 button,
7122	- .mec-report-backtoselect-wrap button,
7123	- .mec-send-email-form-wrap .mec-send-email-button {
7124	background: #19cde9;
7125	border: none;
7126	color: #fff;
7127	- font-size: 13px !important;
7128	padding: 6px 16px;
7129	border-radius: 2px;
7130	cursor: pointer;
7131	- box-shadow: 0 1px 2px rgba(25, 205, 233~~, 0.~~25);
7132	- transition: all 0.2s ease;
7133	}
7134
7135	- .mec-report-sendmail-wrap .w-col-sm-12 button:hover,
7136	- .mec-report-backtoselect-wrap button:hover,
7137	- .mec-send-email-form-wrap .mec-send-email-button:hover {
7138	background: #04bfdc;
7139	- box-shadow: 0 1px 2px rgba(25, 205, 233~~, 0.~~05);
7140	}
7141
7142	.mec-report-backtoselect-wrap button {
7143	- margin-top: 15px;
7144	}
7145
7146	.mec-report-selected-event-attendees-wrap {
	@@ -7148,12 +7368,12 @@ input.fserv-input-text {
7148	padding: 0;
7149	margin: 20px 0;
7150	border-radius: 3px;
7151	- box-shadow: 0 2px 14px rgba(25, 205, 233~~, 0.~~1);
7152	- display: none;
7153	}
7154
7155	.mec-report-sendmail-wrap {
7156	- display: none;
7157	}
7158
7159	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-head {
	@@ -7161,7 +7381,7 @@ input.fserv-input-text {
7161	border-bottom: 1px solid #96e3ef;
7162	padding: 15px;
7163	margin: 0;
7164	- border-radius: 3px 3px 0 0;
7165	}
7166
7167	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content {
	@@ -7169,27 +7389,26 @@ input.fserv-input-text {
7169	padding: 8px 15px;
7170	border-bottom: 1px solid #e4eef0;
7171	font-size: 13px;
7172	- line-height: 25px;
7173	}
7174
7175	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content:hover {
7176	- background: #f3fdfe;
7177	}
7178
7179	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content:last-child {
7180	border-bottom: none;
7181	- border-radius: 0 0 3px 3px;
7182	}
7183
7184	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content img {
7185	border-radius: 25px;
7186	- margin-left: 8px;
7187	}
7188
7189	- .mec-report-selected-event-attendees-wrap input[type="checkbox"] {
7190	border-radius: 3px;
7191	-
7192	- margin-top: 0px;
7193	}
7194
7195	.mec-report-selected-event-attendees-wrap .mec-attendees-head .w-col-xs-2.name {
	@@ -7197,59 +7416,58 @@ input.fserv-input-text {
7197	}
7198
7199	.mec-report-selected-event-attendees-wrap .checkin_status span {
7200	- font-weight: 600;
7201	}
7202
7203	.mec-report-selected-event-attendees-wrap .w-col-sm-12>p {
7204	text-align: center
7205	}
7206
7207	- .mec-attendees-list-right,
7208	- .mec-send-email-form-wrap {
7209	flex: 1;
7210	border-radius: 0;
7211	padding: 0;
7212	- background: ~~transparent~~;
7213	max-width: 674px;
7214	- margin: 0 auto;
7215	}
7216
7217	.mec-report-sendmail-form-wrap {
7218	- padding: 0 30px 45px;
7219	}
7220
7221	.mec-send-email-form-wrap h2 {
7222	- background: url("../img/email-document.png") no-repeat center top;
7223	padding-top: 70px;
7224	font-size: 22px;
7225	font-weight: 600;
7226	text-align: center;
7227	padding-bottom: 10px;
7228	padding-left: 10px;
7229	- margin-bottom: 0;
7230	}
7231
7232	#webnus-dashboard .mec-send-email-form-wrap .wp-editor-tools button {
7233	font-size: 13px;
7234	- font-weight: ~~normal~~;
7235	color: #444;
7236	line-height: 1;
7237	- margin-bottom: 0;
7238	}
7239
7240	#webnus-dashboard .mec-send-email-form-wrap .wp-editor-tabs button {
7241	- min-height: 30px;
7242	}
7243
7244	.mec-send-email-form-wrap input.widefat {
7245	min-height: 40px;
7246	border: 1px solid #e2e3e4;
7247	border-radius: 2px;
7248	- box-shadow: 0 1px 4px rgba(0, 0, 0~~, .~~02);
7249	}
7250
7251	.mec-send-email-form-wrap input.widefat:focus {
7252	- border: 1px solid #96e3ef;
7253	}
7254
7255	.mec-send-email-form-wrap h4.mec-send-email-count {
	@@ -7257,40 +7475,39 @@ input.fserv-input-text {
7257	text-align: center;
7258	margin-bottom: 30px;
7259	margin-top: 0;
7260	- padding-top: 0;
7261	}
7262
7263	.mec-send-email-form-wrap .mec-send-email-button {
7264	min-height: 40px;
7265	line-height: 40px;
7266	padding: 0;
7267	- font-size: 17px !important;
7268	- font-weight: 600;
7269	}
7270
7271	.mec-send-email-form-wrap .mce-menubtn.mce-fixed-width span {
7272	height: 20px;
7273	- padding-top: 2px;
7274	}
7275
7276	- /* Add shortcode Popup */
7277	.lity.mec-add-shortcode-popup {
7278	- background-color: #~~B7E4E3;~~
7279	}
7280
7281	.lity.mec-add-shortcode-popup .lity-content {
7282	- box-shadow: 0 3px 20px 0 rgba(91, 188, 190~~, 0.~~55);
7283	border-radius: 10px;
7284	- height: 100%;
7285	}
7286
7287	.mec-add-shortcode-popup .lity-container {
7288	width: 930px;
7289	- height: 620px;
7290	}
7291
7292	.mec-add-shortcode-popup .lity-content:after {
7293	- display: none;
7294	}
7295
7296	.mec-add-shortcode-popup div#mec_popup_shortcode {
	@@ -7299,89 +7516,86 @@ input.fserv-input-text {
7299	display: flex;
7300	width: 100%;
7301	border-radius: 10px;
7302	- height: 100%;
7303	}

7304	.mec-steps-container {
7305	width: 92px;
7306	text-align: center;
7307	- background: #fff;
7308	}
7309
7310	.mec-steps-panel {
7311	width: calc(100% - 92px);
7312	- background: #~~EEF4F5;~~
7313	}
7314
7315	.mec-steps-container ul {
7316	text-align: center;
7317	display: block;
7318	- margin-top:62px;
7319	}
7320
7321	.mec-steps-container ul li {
7322	width: 22px;
7323	height: 70px;
7324	margin: 0 auto;
7325	- position: relative;
7326	}
7327
7328	.mec-steps-container ul li span {
7329	border-radius: 50px;
7330	- background-color: rgba(26, 175, 251~~, .~~16);
7331	width: 22px;
7332	height: 22px;
7333	display: inline-block;
7334	padding-top: 2px;
7335	font-size: 11px;
7336	- font-weight: ~~bold~~;
7337	- color: #~~1AAFFB;~~
7338	}
7339
7340	- .mec-steps-container ul li:after,
7341	- .mec-steps-container ul li:before {
7342	content: '';
7343	display: block;
7344	height: 24px;
7345	width: 2px;
7346	- background: rgba(26, 175, 251~~, 0.~~16);
7347	- margin-left: calc(50% - 1px);
7348	}
7349
7350	- .mec-steps-container ul li:first-of-type:before,
7351	- ~~.mec-steps-container ul li~~:~~last-of-type:after~~ {
7352	- display: none;
7353	}
7354
7355	.mec-steps-container ul li:first-of-type {
7356	- height: 46px;
7357	}
7358
7359	- li.mec-step.mec-step-passed span,
7360	- ~~li.mec~~-~~step.mec-step-passed~~:~~after,~~
7361	- ~~li.mec-step.mec-step-passed~~:~~before~~ {
7362	- background-color: #2DCB73;
7363	- color: #fff;
7364	}
7365
7366	.mec-steps-container img {
7367	- margin-top: 27px;
7368	}
7369
7370	.mec-steps-header {
7371	display: flex;
7372	background: #fff;
7373	border-radius: 5px;
7374	- box-shadow: 0 3px 22px 0 rgba(11, 121, 125~~, 0.~~01);
7375	padding: 12px 22px;
7376	- margin-bottom: 50px;
7377	}
7378
7379	.mec-steps-header-settings {
7380	- width: 65px;
7381	}
7382
7383	.mec-steps-header-userinfo {
7384	- width: calc(100% - 65px);
7385	}
7386
7387	.mec-steps-panel {
	@@ -7389,30 +7603,30 @@ li.mec-step.mec-step-passed:before {
7389	position: relative;
7390	display: flex;
7391	flex-direction: column;
7392	- justify-content: space-between;
7393	}
7394
7395	.mec-steps-header-userinfo span {
7396	display: inline-block;
7397	- vertical-align: middle;
7398	}
7399
7400	.mec-steps-header-userinfo span img {
7401	height: 40px;
7402	border-radius: 50px;
7403	margin-right: 8px;
7404	- vertical-align: middle;
7405	}
7406
7407	.mec-steps-header-userinfo span.mec-steps-header-name {
7408	font-size: 14px;
7409	- color: #778182;
7410	}
7411
7412	span.mec-steps-header-add-text {
7413	color: #839294;
7414	font-size: 12px;
7415	- margin-left: 5px;
7416	}
7417
7418	.mec-steps-header-settings a {
	@@ -7421,23 +7635,23 @@ span.mec-steps-header-add-text {
7421	padding-top: 11px;
7422	text-decoration: none;
7423	font-size: 12px;
7424	- color: #707070;
7425	}
7426
7427	.mec-steps-header-settings a i {
7428	- color: #~~1AAFFB~~;
7429	font-size: 16px;
7430	vertical-align: text-top;
7431	- margin-right: 5px;
7432	}
7433
7434	.mec-next-previous-buttons {
7435	- clear: both;
7436	}
7437
7438	.mec-next-previous-buttons button.mec-button-next {
7439	float: right;
7440	- background: #~~008AFF~~;
7441	border: none;
7442	color: #fff;
7443	cursor: pointer;
	@@ -7446,24 +7660,24 @@ span.mec-steps-header-add-text {
7446	padding: 8px 18px 9px;
7447	border-radius: 3px;
7448	font-size: 14px;
7449	- box-shadow: 0 5px 10px 0 rgba(0, 138, 255~~, 0.~~3);
7450	- transition: all 0.3s ease;
7451	- outline: ~~none;~~
7452	}
7453
7454	.mec-next-previous-buttons button:hover {
7455	background: #000;
7456	- box-shadow: 0 5px 10px 0 rgba(0, 0, 0~~, 0.~~3);
7457	}
7458
7459	.mec-next-previous-buttons button.mec-button-next img {
7460	position: absolute;
7461	top: 16px;
7462	- right: 18px;
7463	}
7464
7465	.mec-next-previous-buttons button {
7466	- position: relative;
7467	}
7468
7469	.mec-next-previous-buttons button.mec-button-prev {
	@@ -7476,24 +7690,23 @@ span.mec-steps-header-add-text {
7476	padding: 8px 15px 9px;
7477	border-radius: 3px;
7478	font-size: 14px;
7479	- box-shadow: 0 5px 10px 0 rgba(11, 121, 125~~, .~~01);
7480	transition: all .3s ease;
7481	- outline: ~~none;~~
7482	}
7483
7484	.mec-next-previous-buttons button.mec-button-prev img {
7485	position: absolute;
7486	top: 16px;
7487	- left: 18px;
7488	}
7489
7490	.mec-next-previous-buttons button.mec-button-prev:hover {
7491	background: #000;
7492	- box-shadow: 0 5px 10px 0 rgba(0, 0, 0~~, .~~3);
7493	- color: #fff;
7494	}
7495
7496	-
7497	.mec-next-previous-buttons button.mec-button-new {
7498	background: #008aff;
7499	float: right;
	@@ -7505,47 +7718,48 @@ span.mec-steps-header-add-text {
7505	padding: 8px 18px 9px;
7506	border-radius: 3px;
7507	font-size: 14px;
7508	- box-shadow: 0 5px 10px 0 rgba(0, 138, 255~~, .~~3);
7509	transition: all .3s ease;
7510	- outline: ~~none;~~
7511	}
7512
7513	.mec-next-previous-buttons button.mec-button-new:hover {
7514	background: #000;
7515	- box-shadow: 0 5px 10px 0 rgba(0, 0, 0~~, .~~3);
7516	}
7517
7518	.mec-next-previous-buttons button.mec-button-new img {
7519	vertical-align: sub;
7520	margin-left: -3px;
7521	- margin-right: 8px;
7522	}
7523
7524	div#mec_popup_shortcode_form {
7525	- height: calc(100% - 37px);
7526	}
7527
7528	.mec-steps-content-container {
7529	display: flex;
7530	flex-direction: column;
7531	- height: 100%;
7532	}
7533
7534	- /* Step 1 */
7535	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 {
7536	- background: url(../../assets/img/popup/first-step.png) no-repeat 90% 70%;
7537	}

7538	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .popup-sh-name-required {
7539	color: red;
7540	display: none;
7541	font-style: italic;
7542	font-size: 12px;
7543	- margin-top: 8px;
7544	}

7545	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 {
7546	top: 50%;
7547	position: absolute;
7548	- width: 360px;
7549	}
7550
7551	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 input[name="shortcode[name]"] {
	@@ -7555,35 +7769,32 @@ div#mec_popup_shortcode_form {
7555	border-radius: 3px;
7556	padding-left: 36px;
7557	font-size: 12px;
7558	- color: #~~B1B2B4~~;
7559	- box-shadow: 0 3px 22px 0 rgba(11, 121, 125~~, .~~01);
7560	}
7561
7562	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 input[name="shortcode[name]"]::-webkit-input-placeholder {
7563	- color: #~~B1B2B4;~~
7564	}
7565
7566	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 input[name="shortcode[name]"]:-ms-input-placeholder {
7567	- color: #~~B1B2B4;~~
7568	}
7569
7570	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 input[name="shortcode[name]"]::placeholder {
7571	- color: #~~B1B2B4;~~
7572	}
7573
7574	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1:before {
7575	content: '';
7576	width: 14px;
7577	height: 14px;
7578	- background: url('../../assets/img/popup/add-sh-icon.png') no-repeat center center;
7579	position: absolute;
7580	top: 17px;
7581	- left: 17px;
7582	}
7583
7584	-
7585	-
7586	- /* Step 2 */
7587	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul {
7588	height: 386px;
7589	overflow-x: hidden;
	@@ -7592,7 +7803,7 @@ div#mec_popup_shortcode_form {
7592	margin-top: -22px;
7593	margin-bottom: 0;
7594	position: relative;
7595	- padding-bottom: 19px !important;
7596	}
7597
7598	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li {
	@@ -7605,14 +7816,14 @@ div#mec_popup_shortcode_form {
7605	text-align: center;
7606	padding: 10px!important;
7607	border-radius: 5px;
7608	- border: 2px solid #~~C4EDFF~~;
7609	background: #fff!important;
7610	- cursor: pointer;
7611	}
7612
7613	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li.active {
7614	- border-color: #~~00ACF8~~;
7615	- box-shadow: 0 3px 5px rgba(0,172,248,.2);
7616	}
7617
7618	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-img img {
	@@ -7626,24 +7837,24 @@ div#mec_popup_shortcode_form {
7626	-webkit-transition: all .22s ease;
7627	-moz-transition: all .22s ease;
7628	-ms-transition: all .22s ease;
7629	- -o-transition: all .22s ease;
7630	}
7631
7632	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-text input {
7633	display: block;
7634	margin: 0 auto;
7635	margin-top: 6px;
7636	- border: 2px solid #~~E1E7ED~~;
7637	- box-shadow: 0 3px 6px 0 rgba(0,0,0~~,0.~~05);
7638	- position: relative;
7639	}
7640
7641	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-img {
7642	- padding-top: 16px;
7643	}
7644
7645	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li .mec-step-popup-skin-text input {
7646	- display: none;
7647	}
7648
7649	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-text:before {
	@@ -7658,11 +7869,11 @@ div#mec_popup_shortcode_form {
7658	top: 24px;
7659	z-index: 99;
7660	border: 2px solid #e1e7ed;
7661	- box-shadow: 0 3px 6px 0 rgba(0,0,0,.05);
7662	}
7663
7664	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-text {
7665	- position: relative;
7666	}
7667
7668	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 li.active .mec-step-popup-skin-text:before {
	@@ -7670,7 +7881,7 @@ div#mec_popup_shortcode_form {
7670	border: none;
7671	box-shadow: 0 5px 10px 0 rgba(0,138,255,.3);
7672	width: 16px;
7673	- height: 16px;
7674	}
7675
7676	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 li.active .mec-step-popup-skin-text:after {
	@@ -7683,26 +7894,25 @@ div#mec_popup_shortcode_form {
7683	left: calc(50% - 1px);
7684	top: 30px;
7685	z-index: 999;
7686	- border-radius: 50px;
7687	}
7688
7689	- /* ~~Step~~ 3 */
7690	- ~~.mec-add-shortcode-popup~~ ~~.mec-steps-content-container.mec-steps-content-3 span.wn-hover-img-sh {~~
7691	- display: block;
7692	}
7693
7694	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles {
7695	height: 386px;
7696	overflow-x: hidden;
7697	padding-left: 60px;
7698	- padding-bottom: 19px;
7699	}
7700
7701	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label {
7702	width: 193px!important;
7703	float: left!important;
7704	margin: 1.66%!important;
7705	- text-align: center;
7706	}
7707
7708	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label span {
	@@ -7716,69 +7926,68 @@ div#mec_popup_shortcode_form {
7716	background: #fff!important;
7717	cursor: pointer;
7718	margin-bottom: 5px;
7719	- margin-top: -6px;
7720	}
7721
7722	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label.active span {
7723	- border-color: #~~00ACF8~~;
7724	- box-shadow: 0 3px 5px rgba(0,172,248,.2);
7725	}
7726
7727	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label div {
7728	- font-size: 14px;
7729	}
7730
7731	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label.active div {
7732	- color: #~~008AFF;~~
7733	}
7734
7735	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles input {
7736	opacity: 0;
7737	- display: none;
7738	}
7739
7740	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-steps-content.mec-steps-content-3 {
7741	- margin-top: -18px;
7742	}
7743
7744	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 span.wn-hover-img-sh img {
7745	width: 189px;
7746	height: 146px;
7747	- border-radius: 5px;
7748	}
7749
7750	- /* Step 4 */
7751	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 {
7752	- background: url(../../assets/img/popup/fourth-step.png) no-repeat 90% 70%;
7753	}
7754
7755	.mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 .nice-select {
7756	border: none;
7757	- box-shadow: 0 3px 22px 0 rgba(11, 121, 125~~, .~~01);
7758	}
7759
7760	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 {
7761	top: 40%;
7762	position: absolute;
7763	- width: 330px;
7764	}
7765
7766	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 h3 {
7767	font-size: 13px;
7768	- font-weight: ~~normal~~;
7769	- color: #707070;
7770	}
7771
7772	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 .mec-multiple-skin-options div {
7773	- border: 2px dashed #~~DCE2E3~~;
7774	border-radius: 3px;
7775	padding: 20px 20px 6px;
7776	- background: #~~FCFCFC;~~
7777	}
7778
7779	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 .mec-multiple-skin-options div label {
7780	display: block;
7781	- margin-bottom: 14px;
7782	}
7783
7784	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup {
	@@ -7810,7 +8019,7 @@ div#mec_popup_shortcode_form {
7810	-ms-user-select: none;
7811	user-select: none;
7812	white-space: nowrap;
7813	- width: 300px !important;
7814	}
7815
7816	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup:hover {
	@@ -7844,7 +8053,7 @@ div#mec_popup_shortcode_form {
7844	transform: scale(.75) translateY(-21px);
7845	-webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
7846	transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
7847	- z-index: 9;
7848	}
7849
7850	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup:after {
	@@ -7911,7 +8120,7 @@ div#mec_popup_shortcode_form {
7911	line-height: 28px!important;
7912	min-height: 28px!important;
7913	-webkit-transition: all .2s ease-in-out;
7914	- transition: all .2s ease-in-out;
7915	}
7916
7917	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option .wn-hover-img-sh img {
	@@ -7919,13 +8128,13 @@ div#mec_popup_shortcode_form {
7919	padding: 3px;
7920	top: -1px;
7921	left: 100%;
7922	- box-shadow: 0 4px 42px -5px rgba(0, 0, 0~~, .~~16);
7923	visibility: hidden;
7924	opacity: 0;
7925	border: 1px solid #e3e3e3;
7926	border-radius: 2px;
7927	z-index: 99999999;
7928	- background: #fff;
7929	}
7930
7931	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option:hover .wn-hover-img-sh img {
	@@ -7933,9 +8142,7 @@ div#mec_popup_shortcode_form {
7933	opacity: 1
7934	}
7935
7936	- .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option.focus,
7937	- .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option.selected.focus,
7938	- .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option:hover {
7939	background-color: #f6f6f6
7940	}
7941
	@@ -7962,17 +8169,17 @@ div#mec_popup_shortcode_form {
7962	position: relative;
7963	width: 24px;
7964	height: 24px;
7965	- border: 1px solid #~~CACECE;~~
7966	}
7967
7968	.mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 label input:before {
7969	- disaply: none;
7970	}
7971
7972	.mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 label.active input {
7973	- background: #~~008AFF~~;
7974	- box-shadow: 0 5px 10px 0 rgba(0, 138, 255~~, 0.~~3);
7975	- border: none;
7976	}
7977
7978	.mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 label.active input:before {
	@@ -7981,112 +8188,106 @@ div#mec_popup_shortcode_form {
7981	height: 6px;
7982	top: 6px;
7983	left: 6px;
7984	- position: absolute;
7985	}
7986
7987	-
7988	- /* Step 5 */
7989	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 {
7990	- background: url(../../assets/img/popup/fifth-step.png) no-repeat 90% 70%;
7991	}
7992
7993	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 {
7994	width: 360px;
7995	- margin-top: 16px;
7996	}
7997
7998	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher label {
7999	color: #707070;
8000	- font-size: 14px;
8001	}
8002
8003	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher p {
8004	- color: #~~8A8A8A~~;
8005	font-style: italic;
8006	font-size: 12px;
8007	margin-top: 7px;
8008	- margin-bottom: 0;
8009	}
8010
8011	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher {
8012	padding-bottom: 30px;
8013	margin-bottom: 34px;
8014	- border-bottom: 2px dashed #~~DCE2E3~~;
8015	- position: relative;
8016	}
8017
8018	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher:last-of-type {
8019	padding-bottom: 0;
8020	margin-bottom: 0;
8021	- border: none;
8022	}
8023
8024	-
8025	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher div:last-of-type label {
8026	position: absolute;
8027	top: -4px;
8028	right: 0;
8029	width: 52px;
8030	- height: 26px;
8031	}
8032
8033	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher input:checked+label:after {
8034	- margin-left: 26px;
8035	}
8036
8037	- .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher input+label:after,
8038	- .mec-add-shortcode-popup .mec-switcher input+label:before {
8039	display: block;
8040	position: absolute;
8041	top: 2px;
8042	left: 1px;
8043	bottom: 2px;
8044	- content: "";
8045	}
8046
8047	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher input+label:after {
8048	- width: 23px;
8049	- }
8050	-
8051
8052	- /* Step 6 */
8053	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 {
8054	- background: url(../../assets/img/popup/sixth-step.png) no-repeat 90% 70%;
8055	}
8056
8057	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-steps-content.mec-steps-content-6 {
8058	- margin-top: 56px;
8059	}
8060
8061	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode {
8062	width: 325px;
8063	- border: 2px dashed #~~DCE2E3~~;
8064	- background: #~~FCFCFC~~;
8065	padding: 42px 42px 47px;
8066	- text-align: center;
8067	}
8068
8069	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode h3 {
8070	font-size: 16px;
8071	- font-weight: ~~normal~~;
8072	color: #707070;
8073	- margin-top: 7px;
8074	}
8075
8076	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code {
8077	border-radius: 3px;
8078	- background: rgba(154,214,222~~,0.~~35);
8079	width: 243px;
8080	margin: 0 auto;
8081	- padding: 14px 17px;
8082	}
8083
8084	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code code {
8085	- background: ~~transparent~~;
8086	color: #000;
8087	font-size: 14px;
8088	font-weight: 600;
8089	- margin-left: -11px;
8090	}
8091
8092	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code button {
	@@ -8095,12 +8296,12 @@ div#mec_popup_shortcode_form {
8095	border-radius: 3px;
8096	padding: 3px 8px 6px;
8097	margin-left: 46px;
8098	- cursor: pointer;
8099	}
8100
8101	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code button:hover {
8102	background: #000;
8103	- color: #fff;
8104	}
8105
8106	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-steps-6-results p {
	@@ -8108,7 +8309,7 @@ div#mec_popup_shortcode_form {
8108	text-align: center;
8109	font-size: 12px;
8110	margin-top: 5px;
8111	- color: #~~8A8A8A;~~
8112	}
8113
8114	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-steps-6-loading {
	@@ -8118,52 +8319,48 @@ div#mec_popup_shortcode_form {
8118	padding: 42px 42px 47px;
8119	text-align: center;
8120	height: 182px;
8121	- position: relative;
8122	}
8123
8124	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-steps-6-loading .mec-loader {
8125	position: absolute;
8126	left: 136px;
8127	- top: 65px;
8128	}
8129
8130	- /* ~~Close~~ ~~Button~~ */
8131	- .mec-add-shortcode-popup button.lity-close,
8132	- .mec-add-event-popup button.lity-close {
8133	right: 0;
8134	top: -52px;
8135	border-radius: 50%;
8136	width: 37px;
8137	height: 37px;
8138	- background: #~~FFFFFF~~;
8139	- color: #~~A2AFBC~~;
8140	text-shadow: none;
8141	padding-top: 1px;
8142	- transition: all 0.2s ease;
8143	position: absolute;
8144	- box-shadow: 0 3px 8px 0 rgba(91,188,190~~,0.~~55);
8145	}
8146
8147	- .mec-add-shortcode-popup button.lity-close:hover,
8148	- .mec-add-event-popup button.lity-close:hover {
8149	background: #000;
8150	color: #fff;
8151	- box-shadow: 0 3px 8px 0 rgba(0,0,0~~,0.~~55);
8152	}
8153
8154	.mec-skin-styles.mec-styles-full_calendar h3 {
8155	- padding-left: 12px;
8156	}
8157
8158	- /* Add event popup */
8159	.lity.mec-add-event-popup {
8160	- background-color: #b7e4e3;
8161	}
8162
8163	.mec-add-event-popup .lity-container {
8164	width: 930px;
8165	height: 620px;
8166	- max-width: unset;
8167	}
8168
8169	.mec-add-event-popup div#mec_popup_event {
	@@ -8172,36 +8369,37 @@ div#mec_popup_shortcode_form {
8172	display: flex;
8173	width: 100%;
8174	border-radius: 10px;
8175	- height: 100%;
8176	}
8177
8178	.lity.mec-add-event-popup .lity-content {
8179	box-shadow: 0 3px 20px 0 rgba(91,188,190,.55);
8180	border-radius: 10px;
8181	- height: 100%;
8182	}
8183
8184	div#mec_popup_event_form {
8185	- height: calc(100% - 37px);
8186	}
8187
8188	- .mec-add-event-popup .mec-steps-container ul {
8189	- margin-top: 42px;
8190	}
8191
8192	.mec-add-event-popup .mec-steps-container ul li:first-of-type {
8193	- height: 41px;
8194	}
8195
8196	- .mec-add-shortcode-popup .mec-steps-container ul li:after,.mec-add-shortcode-popup .mec-steps-container ul li:before {
8197	- height: 24px;
8198	}
8199
8200	- .mec-add-event-popup .mec-steps-container ul li:after,.mec-add-event-popup .mec-steps-container ul li:before {
8201	- height: 19px;
8202	}

8203	.mec-add-event-popup .mec-steps-container ul li {
8204	- height: 60px;
8205	}
8206
8207	.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup {
	@@ -8234,11 +8432,11 @@ div#mec_popup_event_form {
8234	height: 46px;
8235	margin-right: 6px;
8236	padding-top: 3px;
8237	- color: #707070;
8238	}
8239
8240	.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup.open {
8241	- border-radius: 3px 3px 0 0;
8242	}
8243
8244	.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup:hover {
	@@ -8273,12 +8471,12 @@ div#mec_popup_event_form {
8273	-webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
8274	transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
8275	z-index: 9;
8276	- margin-top: 1px !important;
8277	}
8278
8279	.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup:after {
8280	- border-bottom: 2px solid #~~00ACF8~~;
8281	- border-right: 2px solid #~~00ACF8~~;
8282	content: '';
8283	display: block;
8284	height: 5px;
	@@ -8340,12 +8538,10 @@ div#mec_popup_event_form {
8340	line-height: 22px!important;
8341	min-height: 22px!important;
8342	-webkit-transition: all .2s ease-in-out;
8343	- transition: all .2s ease-in-out;
8344	}
8345
8346	- .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option.focus,
8347	- .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option.selected.focus,
8348	- .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option:hover {
8349	background-color: #f6f6f6
8350	}
8351
	@@ -8367,9 +8563,8 @@ div#mec_popup_event_form {
8367	display: block
8368	}
8369
8370	- /* Step 1 */
8371	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 {
8372	- background: url(../../assets/img/popup/add-event-first-step.png) no-repeat 100% 70%;
8373	}
8374
8375	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 #mec_event_name {
	@@ -8380,34 +8575,35 @@ div#mec_popup_event_form {
8380	padding-left: 36px;
8381	font-size: 12px;
8382	color: #b1b2b4;
8383	- box-shadow: 0 3px 22px 0 rgba(11,121,125,.01);
8384	}
8385
8386	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 #mec_event_name::-webkit-input-placeholder {
8387	- color: #~~B1B2B4;~~
8388	}
8389
8390	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 #mec_event_name:-ms-input-placeholder {
8391	- color: #~~B1B2B4;~~
8392	}
8393
8394	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 #mec_event_name::placeholder {
8395	- color: #~~B1B2B4;~~
8396	}
8397
8398	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1:before {
8399	content: '';
8400	width: 14px;
8401	height: 14px;
8402	- background: url('../../assets/img/popup/calendar_icon.png') no-repeat center center;
8403	position: absolute;
8404	top: 17px;
8405	- left: 17px;
8406	}

8407	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 {
8408	top: 210px;
8409	position: absolute;
8410	- width: 370px;
8411	}
8412
8413	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .popup-sh-name-required {
	@@ -8415,30 +8611,34 @@ div#mec_popup_event_form {
8415	display: none;
8416	font-style: italic;
8417	font-size: 12px;
8418	- margin-top: 8px;
8419	}
8420
8421	.mec-add-event-popup .mec-meta-box-colors-container {
8422	background: #fff;
8423	padding: 17px;
8424	border-radius: 3px;
8425	- box-shadow: 0 3px 22px rgba(11,121,125~~,0.~~01);
8426	- margin-top: 15px;
8427	}
8428
8429	- .mec-add-event-popup .wp-picker-container .wp-color-result.button {~~border-color: #F1F2F4;border-radius: 3px;box-shadow: 0 2px 2px rgba(0,0,0,0.04);}~~




8430
8431	.mec-add-event-popup .mec-recent-color-sec {
8432	- display: block !important;
8433	font-size: 12px;
8434	- color: #707070;
8435	}
8436
8437	.mec-add-event-popup .mec-form-row.mec-available-color-row {
8438	- border: 2px dashed #~~DCE2E3~~;
8439	padding: 13px 20px;
8440	- background: #~~FCFCFC~~;
8441	- border-radius: 3px;
8442	}
8443
8444	.mec-add-event-popup .wp-color-result-text {
	@@ -8449,7 +8649,7 @@ div#mec_popup_event_form {
8449	display: block;
8450	line-height: 2.54545455;
8451	padding: 0 6px;
8452	- text-align: center;
8453	}
8454
8455	.mec-add-event-popup .mec-form-row.mec-available-color-row .mec-color {
	@@ -8457,8 +8657,8 @@ div#mec_popup_event_form {
8457	height: 12px;
8458	position: absolute;
8459	top: -5px;
8460	- left: ~~0px~~;
8461	- z-index: 99;
8462	}
8463
8464	.mec-add-event-popup span.mec-color-meta-box-popup {
	@@ -8469,7 +8669,7 @@ div#mec_popup_event_form {
8469	position: absolute;
8470	top: 1px;
8471	left: 6px;
8472	- z-index: 9;
8473	}
8474
8475	.mec-add-event-popup span.mec-recent-color-sec-wrap {
	@@ -8479,16 +8679,15 @@ div#mec_popup_event_form {
8479	margin-right: 12px;
8480	margin-top: 7px;
8481	margin-left: -6px;
8482	- position: relative;
8483	}
8484
8485	- /* Step 2 */
8486	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 {
8487	- background: url(../../assets/img/popup/sixth-step.png) no-repeat 95% 70%;
8488	}
8489
8490	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form .mec-col-4 {
8491	- width: auto;
8492	}
8493
8494	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form .mec-col-4:before {
	@@ -8498,39 +8697,35 @@ div#mec_popup_event_form {
8498	background: url(../../assets/img/popup/calendar_icon.png) no-repeat center center;
8499	position: absolute;
8500	top: 17px;
8501	- left: 17px;
8502	}

8503	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form .mec-col-4 input {
8504	padding-left: 36px;
8505	width: 148px;
8506	- padding: 22px 17px 22px 34px;
8507	}
8508
8509	- .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_start_date,
8510	- .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_end_date,
8511	- .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form select {
8512	height: 46px;
8513	border: none;
8514	border-radius: 3px;
8515	padding-left: 36px;
8516	font-size: 12px;
8517	color: #707070;
8518	- box-shadow: 0 3px 22px 0 rgba(11,121,125,.01);
8519	}
8520
8521	- .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_start_date::placeholder,
8522	- ~~.mec-add-event-popup~~ ~~.mec-steps-content-container.mec-steps-content-2~~ #~~mec_meta_box_date_form input#mec_end_date::placeholder {~~
8523	- color: #B1B2B4;
8524	}
8525
8526	- .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_start_date::placeholder,
8527	- ~~.mec-add-event-popup~~ ~~.mec-steps-content-container.mec-steps-content-2~~ #~~mec_meta_box_date_form input#mec_end_date::placeholder {~~
8528	- color: #B1B2B4;
8529	}
8530
8531	- .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_start_date::placeholder,
8532	- ~~.mec-add-event-popup~~ ~~.mec-steps-content-container.mec-steps-content-2~~ #~~mec_meta_box_date_form input#mec_end_date::placeholder {~~
8533	- color: #B1B2B4;
8534	}
8535
8536	.mec-add-event-popup .mec-form-row .time-dv {
	@@ -8538,42 +8733,40 @@ div#mec_popup_event_form {
8538	margin-left: -2px;
8539	margin-right: 4px;
8540	margin-top: 12px;
8541	- color: #~~B1B2B4;~~
8542	- }
8543	-
8544	- div#mec_meta_box_date_form .mec-form-row {
8545	- margin-bottom: 9px;
8546	}
8547
8548	.mec-add-event-popup .mec-steps-content.mec-steps-content-2 {
8549	- margin-top: 60px;
8550	}

8551	.mec-add-event-popup .mec-steps-content.mec-steps-content-2 .mec-form-row.mec-all-day-event label {
8552	font-size: 14px;
8553	- color: #707070;
8554	}
8555
8556	.mec-add-event-popup .mec-steps-content.mec-steps-content-2 .mec-form-row.mec-all-day-event {
8557	- margin-top: 13px !important;
8558	}
8559
8560	- /* ~~Step~~ 3~~,Step~~ 4 */
8561	- ~~.mec~~-~~add-event-popup~~ ~~.mec~~-~~steps-content.mec-steps-content-3,~~
8562	- .mec-add-event-popup .mec-steps-content.mec-steps-content-4 {
8563	- margin-top: -9px;
8564	}

8565	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-3 {
8566	- background: url(../../assets/img/popup/fifth-step.png) no-repeat 90% 70%;
8567	}

8568	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-4 {
8569	- background: url(../../assets/img/popup/add-organizer.png) no-repeat 95% 70%;
8570	}
8571	- ~~.nice-select.mec_popup_location_id.wn-mec-select-popup,~~
8572	- .nice-select.mec_popup_organizer_id.wn-mec-select-popup {
8573	position: relative;
8574	width: 166px;
8575	- padding-left: 36px;
8576	}

8577	.nice-select.mec_popup_location_id.wn-mec-select-popup:before {
8578	content: '';
8579	width: 14px;
	@@ -8581,7 +8774,7 @@ div#mec_meta_box_date_form .mec-form-row {
8581	background: url(../../assets/img/popup/pointer.png) no-repeat center center;
8582	position: absolute;
8583	top: 17px;
8584	- left: 17px;
8585	}
8586
8587	.nice-select.mec_popup_organizer_id.wn-mec-select-popup:before {
	@@ -8591,82 +8784,78 @@ div#mec_meta_box_date_form .mec-form-row {
8591	background: url(../../assets/img/popup/pointer.png) no-repeat center center;
8592	position: absolute;
8593	top: 17px;
8594	- left: 17px;
8595	}
8596
8597	- #mec_popup_event button#mec_popup_add_location:before,
8598	- #mec_popup_event button#mec_popup_add_organizer:before {
8599	content: '';
8600	width: 15px;
8601	height: 15px;
8602	background: url(../../assets/img/popup/plus.png) no-repeat center center;
8603	position: absolute;
8604	top: 16px;
8605	- left: 15px;
8606	}
8607
8608	- .mec-add-event-popup .mec-steps-content-container .nice-select.mec_popup_location_id.wn-mec-select-popup.open .list li,
8609	- .mec-add-event-popup .mec-steps-content-container .nice-select.mec_popup_organizer_id.wn-mec-select-popup.open .list li {
8610	line-height: 32px!important;
8611	- min-height: 32px!important;
8612	}
8613
8614	#mec_popup_event .mec-steps-content .mec-tooltip {
8615	- bottom: 8px;




8616	}
8617
8618	#mec_popup_event .mec-steps-content .mec-tooltip .dashicons-before:before {
8619	- color: #~~008AFF;~~
8620	}
8621
8622	- #mec_popup_event button#mec_popup_add_location,
8623	- ~~#mec_popup_event~~ ~~button~~#~~mec_popup_add_organizer,~~
8624	- #mec_popup_event button#mec_organizer_thumbnail_button {
8625	- background: #008AFF;
8626	border-radius: 3px;
8627	border: none;
8628	color: #fff;
8629	width: 146px;
8630	height: 46px;
8631	margin-left: 10px;
8632	- box-shadow: 0 3px 3px 0 rgba(0,138,255~~,0.~~22);
8633	font-size: 14px;
8634	cursor: pointer;
8635	- transition: all 0.2s ease;
8636	- outline: ~~none~~;
8637	position: relative;
8638	- padding-left: 20px;
8639	}
8640
8641	- #mec_popup_event button#mec_popup_add_location:hover,
8642	- #mec_popup_event button#mec_popup_add_organizer:hover,
8643	- #mec_popup_event button#mec_organizer_thumbnail_button:hover {
8644	background: #000;
8645	- box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
8646	}
8647
8648	- #mec_popup_event label[for="mec_location_dont_show_map"] {
8649	font-size: 14px;
8650	margin-left: 4px;
8651	- margin-top: 12px !important;
8652	display: inline-block;
8653	- margin-bottom: 7px;
8654	}
8655
8656	#mec_popup_event input#mec_location_dont_show_map {
8657	- margin-top: 9px !important;
8658	}
8659
8660	- #mec_popup_event div#mec_location_new_container,
8661	- #~~mec_popup_event div#mec_organizer_new_container {~~
8662	- border-top: 2px dashed #DCE2E3;
8663	width: 360px;
8664	padding-top: 25px;
8665	- margin-top: 20px;
8666	}
8667
8668	- #mec_popup_event div#mec_location_new_container input,
8669	- #mec_popup_event div#mec_organizer_new_container input {
8670	width: 100%;
8671	height: 46px;
8672	border: none;
	@@ -8674,11 +8863,10 @@ div#mec_meta_box_date_form .mec-form-row {
8674	padding-left: 17px;
8675	font-size: 12px;
8676	color: #b1b2b4;
8677	- box-shadow: 0 3px 22px 0 rgba(11,121,125,.01);
8678	}
8679
8680	- #mec_popup_event div#mec_location_new_container .description,
8681	- #mec_popup_event div#mec_organizer_new_container .description {
8682	border: none;
8683	padding: 0;
8684	margin: 0;
	@@ -8688,28 +8876,28 @@ div#mec_meta_box_date_form .mec-form-row {
8688	color: #707070;
8689	font-style: normal;
8690	margin-top: -4px;
8691	- display: block;
8692	}
8693
8694	- #mec_popup_event .mec-form-row.mec-lat-lng-row input {
8695	- width: 44%!important;
8696	}
8697
8698	- #mec_popup_event .mec-form-row.mec-lat-lng-row input:first-of-type {
8699	- margin-right: 10px;
8700	}
8701
8702	#mec_popup_event div#mec_organizer_new_container {
8703	- margin-top: 30px;
8704	}
8705
8706	#mec_popup_event div#mec_organizer_new_container .mec-form-row:first-of-type .mec-col-6:first-of-type {
8707	- margin-right: 14px !important;
8708	}
8709
8710	#mec_popup_event div#mec_organizer_new_container .mec-form-row:first-of-type .mec-col-6 {
8711	width: 48%;
8712	- margin: 0;
8713	}
8714
8715	#mec_popup_event button#mec_organizer_thumbnail_button:before {
	@@ -8719,26 +8907,26 @@ div#mec_meta_box_date_form .mec-form-row {
8719	background: url(../../assets/img/popup/picture.png) no-repeat center center;
8720	position: absolute;
8721	top: 16px;
8722	- left: 15px;
8723	}
8724
8725	#mec_popup_event button#mec_organizer_thumbnail_button {
8726	width: 96%;
8727	- padding-left: 30px;
8728	}
8729
8730	.mec-add-event-popup .mec-steps-content.mec-steps-content-4 div#mec_organizer_thumbnail_img {
8731	position: absolute;
8732	right: 10px;
8733	- top: -20px;
8734	}
8735	- ~~.mec-add-event-popup .mec-steps-content.mec-steps-content-4 div#mec_organizer_thumbnail_img img{~~
8736	- ~~max~~-~~width:~~ ~~110px;~~

8737	}
8738
8739	- /* Step 5 */
8740	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 {
8741	- background: url(../../assets/img/popup/fourth-step.png) no-repeat 90% 70%;
8742	}
8743
8744	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 .mec-categories-add-new input {
	@@ -8751,12 +8939,12 @@ div#mec_meta_box_date_form .mec-form-row {
8751	color: #b1b2b4;
8752	box-shadow: 0 3px 22px 0 rgba(11,121,125,.01);
8753	float: right;
8754	- margin-top: -4px;
8755	}
8756
8757	.mec-add-event-popup .mec-steps-content.mec-steps-content-5 {
8758	width: 326px;
8759	- margin-top: 48px;
8760	}
8761
8762	.mec-add-event-popup .mec-steps-content.mec-steps-content-5 .mec-categories-tabs ul li {
	@@ -8771,16 +8959,15 @@ div#mec_meta_box_date_form .mec-form-row {
8771	text-align: center;
8772	margin-right: 10px;
8773	height: 42px;
8774	- color: #~~008AFF~~;
8775	font-size: 14px;
8776	- box-shadow: 0 3px 22px 0 rgba(11,121,125~~,0.~~01);
8777	}
8778
8779	- .mec-add-event-popup .mec-steps-content.mec-steps-content-5 .mec-categories-tabs ul li.mec-categories-tab-selected,
8780	- .mec-add-event-popup .mec-steps-content.mec-steps-content-5 .mec-categories-tabs ul li:hover {
8781	background: #008aff;
8782	color: #fff;
8783	- box-shadow: 0 3px 3px 0 rgba(0,138,255,.3);
8784	}
8785
8786	.mec-add-event-popup .mec-categories-tab-contents {
	@@ -8788,48 +8975,46 @@ div#mec_meta_box_date_form .mec-form-row {
8788	padding: 20px;
8789	border: 2px dashed #dce2e3;
8790	margin-bottom: 13px;
8791	- margin-top: -5px;
8792	}
8793
8794	- .mec-add-event-popup .mec-categories-tab-contents ul,
8795	- ~~.mec-add-event-popup .mec-categories-tab-contents ul li~~:~~last-of-type~~ {
8796	- margin: 0;
8797	}
8798
8799	.mec-add-event-popup .mec-categories-tab-contents ul li {
8800	font-size: 14px;
8801	- color: #707070;
8802	}
8803
8804	.mec-add-event-popup .mec-categories-tab-contents.mec-form-row input[type=checkbox] {
8805	- margin-top: 0;
8806	}
8807
8808	- /* Categories tab height */
8809	.mec-add-event-popup .mec-categories-tab-contents {
8810	max-height: 200px;
8811	overflow: hidden;
8812	- overflow-y: scroll;
8813	}
8814
8815	.mec-add-event-popup .mec-categories-tab-contents::-webkit-scrollbar {
8816	- width: 5px;
8817	}
8818
8819	.mec-add-event-popup .mec-categories-tab-contents::-webkit-scrollbar-track {
8820	- box-shadow: inset 0 0 6px rgba(0, 0, 0~~, 0.~~1);
8821	}
8822
8823	.mec-add-event-popup .mec-categories-tab-contents::-webkit-scrollbar-thumb {
8824	background-color: #008aff;
8825	- outline: 0 solid #fff;
8826	}
8827
8828	.mec-add-event-popup span#mec_popup_new_category_button {
8829	cursor: pointer;
8830	position: relative;
8831	padding-left: 18px;
8832	- font-size: 14px;
8833	}
8834
8835	.mec-add-event-popup span#mec_popup_new_category_button:before {
	@@ -8839,76 +9024,75 @@ div#mec_meta_box_date_form .mec-form-row {
8839	background: url(../../assets/img/popup/plus-blue.png) no-repeat center center;
8840	position: absolute;
8841	top: 3px;
8842	- left: 0;
8843	}
8844
8845	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 .mec-categories-add-new input::placeholder {
8846	- color: #~~B1B2B4~~;
8847	- font-size: 11px;
8848	}
8849
8850	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 .mec-categories-add-new input::placeholder {
8851	- color: #~~B1B2B4~~;
8852	- font-size: 11px;
8853	}
8854
8855	- .mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 .mec-categories-add-new input::placeholder{
8856	- color: #~~B1B2B4~~;
8857	- font-size: 11px;
8858	}
8859
8860	- /* Step 6 */
8861	.mec-add-event-popup .mec-steps-content.mec-steps-content-6.mec-steps-content-active {
8862	margin-top: -10px;
8863	- height: 70%;
8864	}
8865
8866	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-tinymce.mce-container.mce-panel {
8867	height: 100%;
8868	- border: 1px solid #ececec !important;
8869	- box-shadow: 0 3px 22px 0 rgba(11,121,125,.01) !important;
8870	- border-radius: 3px !important;
8871	- overflow: hidden;
8872	}
8873
8874	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-container-body.mce-stack-layout {
8875	height: 100%;
8876	- background: #~~F5F5F5;~~
8877	}
8878
8879	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-container * {
8880	- border: none !important;
8881	- box-shadow: none !important;
8882	}
8883
8884	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item {
8885	- height: 90%;
8886	}

8887	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
8888	- display: none !important;
8889	}
8890
8891	.mec-add-event-popup .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item iframe {
8892	- height: 100~~% !~~important;
8893	}
8894
8895	- /* Step 7 */
8896	.mec-add-event-popup .mec-steps-content.mec-steps-content-7.mec-steps-content-active {
8897	height: 70%;
8898	background: #fff;
8899	- border: 2px dashed #~~DCE2E3~~;
8900	border-radius: 3px;
8901	text-align: center;
8902	vertical-align: middle;
8903	- margin-top:-10px;
8904	- position: relative;
8905	}
8906
8907	.mec-add-event-popup .mec-event-popup-featured-image-wrapper {
8908	display: flex;
8909	justify-content: center;
8910	align-items: center;
8911	- height: 100%;
8912	}
8913
8914	.mec-add-event-popup button#mec_popup_upload_image_button {
	@@ -8925,19 +9109,19 @@ div#mec_meta_box_date_form .mec-form-row {
8925	text-align: center;
8926	height: 42px;
8927	font-size: 14px;
8928	- margin-right: 0;
8929	}
8930
8931	.mec-add-event-popup div#mec_event_popup_featured_image_preview img {
8932	max-height: 300px;
8933	max-width: 740px;
8934	margin-top: 20px;
8935	- margin-bottom: 0;
8936	}
8937
8938	.mec-add-event-popup button#mec_popup_upload_image_button:hover {
8939	background: #000;
8940	- box-shadow: 0 3px 3px 0 rgba(0,0,0,.3);
8941	}
8942
8943	.mec-add-event-popup .mec-event-popup-featured-image-wrapper span i {
	@@ -8947,27 +9131,28 @@ div#mec_meta_box_date_form .mec-form-row {
8947	top: 10px;
8948	font-size: 30px;
8949	position: absolute;
8950	- cursor: pointer;
8951	}
8952
8953	- /* Step 8 */
8954	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 {
8955	- height: 100%;
8956	}

8957	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-steps-8-results .mec-steps-8-results-wrap {
8958	display: flex;
8959	justify-content: center;
8960	align-items: center;
8961	flex-direction: column;
8962	- height: 100%;
8963	}

8964	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-steps-8-loading .mec-loader {
8965	left: calc(50% - 2.5em);
8966	- top: calc(50% - 2.5em);
8967	}
8968
8969	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-steps-8-results {
8970	- height: 100%;
8971	}
8972
8973	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 a.mec-button-view {
	@@ -8987,12 +9172,12 @@ div#mec_meta_box_date_form .mec-form-row {
8987	text-decoration: none;
8988	color: #000;
8989	position: relative;
8990	- line-height: 22px;
8991	}
8992
8993	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 a.mec-button-view:hover {
8994	background-color: #000;
8995	- color:#fff;
8996	}
8997
8998	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 a.mec-button-view:before {
	@@ -9002,7 +9187,7 @@ div#mec_meta_box_date_form .mec-form-row {
9002	background: url(../../assets/img/popup/eye.png) no-repeat center center;
9003	position: absolute;
9004	top: 16px;
9005	- left: 15px;
9006	}
9007
9008	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 button.mec-button-new {
	@@ -9021,91 +9206,87 @@ div#mec_meta_box_date_form .mec-form-row {
9021	font-size: 14px;
9022	margin-right: 0;
9023	position: relative;
9024	- line-height: 22px;
9025	}
9026
9027	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 button.mec-button-new:hover {
9028	background: #000;
9029	- box-shadow: 0 3px 3px 0 rgba(0,0,0,.3);
9030	}
9031
9032	- .mec-add-event-popup .mec-steps-content.mec-steps-content-8 button.mec-button-new:before{
9033	content: '';
9034	width: 15px;
9035	height: 15px;
9036	background: url(../../assets/img/popup/plus.png) no-repeat center center;
9037	position: absolute;
9038	top: 16px;
9039	- left: 15px;
9040	}
9041
9042	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-popup-final-buttons {
9043	- margin-top: 22px;
9044	}
9045
9046	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-steps-8-results-wrap h3 {
9047	font-size: 26px;
9048	- font-weight: ~~normal;~~
9049	}
9050
9051	-
9052	- /* Wizard Time Picker */
9053	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup {
9054	- min-width: 64px;
9055	}
9056
9057	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup .list {
9058	- overflow-y: scroll !important;
9059	height: 288px;
9060	- margin-top: 4px !important;
9061	box-shadow: 0 1px 9px rgba(0,0,0,.1);
9062	- border-radius: 0;
9063	}
9064
9065	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup .list::-webkit-scrollbar-track {
9066	- background-color: #f6f6f6;
9067	}
9068
9069	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup .list::-webkit-scrollbar {
9070	width: 3px;
9071	- background-color: #f6f6f6;
9072	}
9073
9074	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup .list::-webkit-scrollbar-thumb {
9075	- background-color: rgba(26,175,251,.16);
9076	}
9077
9078	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup:last-child .list {
9079	- overflow: unset !important;
9080	- height: unset;
9081	}
9082
9083	- /* ~~Fixed~~ ~~Admin~~ ~~Column issue on all event page and Wizard */~~
9084	- ~~.ac-mec-events.ac-search-enabled~~ ~~.tablenav .ac-search>*:not(#ac-s).lity-hide {~~
9085	- display: none;
9086	}
9087
9088	- /* Go Pro page */
9089	.mec-go-pro-content-title {
9090	font-size: 20px;
9091	font-weight: 600;
9092	- margin-bottom: 12px;
9093	}
9094
9095	.mec-go-pro-features-wrap p {
9096	- font-size: 14px;
9097	}
9098
9099	.mec-go-pro-features-wrap .mec-addons-notification-box-content {
9100	width: calc(100% - 590px);
9101	display: inline-block;
9102	- padding-left: 20px;
9103	}
9104
9105	.mec-go-pro-features-wrap ul {
9106	float: left;
9107	width: 50%;
9108	- margin: 0 0 12px;
9109	}
9110
9111	.mec-go-pro-features-wrap ul li {
	@@ -9113,7 +9294,7 @@ div#mec_meta_box_date_form .mec-form-row {
9113	font-size: 13px;
9114	color: #717479;
9115	padding-left: 18px;
9116	- position: relative;
9117	}
9118
9119	.mec-go-pro-features-wrap ul li:before {
	@@ -9131,127 +9312,40 @@ div#mec_meta_box_date_form .mec-form-row {
9131	height: 13px;
9132	line-height: 13px;
9133	z-index: 3;
9134	- background: rgba(64, 241, 147~~, .~~12);
9135	- content: "\e080";
9136	}
9137
9138	-
9139	-
9140	- /* MEC Taxonomies Styles */
9141	- .taxonomy-mec_speaker .metabox-prefs .screen-options label,
9142	- .taxonomy-mec_location .metabox-prefs .screen-options label,
9143	- .post-type-mec-books.taxonomy-mec_coupon .metabox-prefs .screen-options label,
9144	- .post-type-mec-events.taxonomy-mec_label .metabox-prefs .screen-options label,
9145	- .post-type-mec-events.taxonomy-mec_category .metabox-prefs .screen-options label,
9146	- .post-type-mec-events.taxonomy-post_tag .metabox-prefs .screen-options label,
9147	- .taxonomy-mec_organizer .metabox-prefs .screen-options label {
9148	- margin-top: -15px;
9149	}
9150
9151	- .taxonomy-mec_speaker #mec_thumbnail_img img,
9152	- .taxonomy-mec_location #mec_thumbnail_img img,
9153	- .post-type-mec-books.taxonomy-mec_coupon #mec_thumbnail_img img,
9154	- .post-type-mec-events.taxonomy-mec_label #mec_thumbnail_img img,
9155	- .post-type-mec-events.taxonomy-mec_category #mec_thumbnail_img img,
9156	- .post-type-mec-events.taxonomy-post_tag #mec_thumbnail_img img,
9157	- .taxonomy-mec_organizer #mec_thumbnail_img img {
9158	margin: 0 0 20px 0;
9159	border: solid 1px #ddd;
9160	- border-radius: 2px;
9161	}
9162
9163	- .taxonomy-mec_speaker .form-wrap label,
9164	- .taxonomy-mec_location .form-wrap label,
9165	- .post-type-mec-books.taxonomy-mec_coupon .form-wrap label,
9166	- .post-type-mec-events.taxonomy-mec_label .form-wrap label,
9167	- .post-type-mec-events.taxonomy-mec_category .form-wrap label,
9168	- .post-type-mec-events.taxonomy-post_tag .form-wrap label,
9169	- .taxonomy-mec_organizer .form-wrap label {
9170	padding: 0;
9171	- margin: 10px 0;
9172	}
9173
9174	- .taxonomy-mec_speaker input[type=number],
9175	- .taxonomy-mec_speaker input[type=text],
9176	- .taxonomy-mec_speaker input[type=url],
9177	- .taxonomy-mec_speaker select,
9178	- .taxonomy-mec_speaker textarea,
9179	- .taxonomy-mec_speaker input[type=text],
9180	- .taxonomy-mec_speaker input[type=search],
9181	- .taxonomy-mec_location input[type=number],
9182	- .taxonomy-mec_location input[type=text],
9183	- .taxonomy-mec_location input[type=url],
9184	- .taxonomy-mec_location select,
9185	- .taxonomy-mec_location textarea,
9186	- .taxonomy-mec_location input[type=text],
9187	- .taxonomy-mec_location input[type=search],
9188	- .post-type-mec-books.taxonomy-mec_coupon input[type=number],
9189	- .post-type-mec-books.taxonomy-mec_coupon input[type=text],
9190	- .post-type-mec-books.taxonomy-mec_coupon input[type=url],
9191	- .post-type-mec-books.taxonomy-mec_coupon select,
9192	- .post-type-mec-books.taxonomy-mec_coupon textarea,
9193	- .post-type-mec-books.taxonomy-mec_coupon input[type=text],
9194	- .post-type-mec-books.taxonomy-mec_coupon input[type=search],
9195	- .post-type-mec-events.taxonomy-mec_label input[type=number],
9196	- .post-type-mec-events.taxonomy-mec_label input[type=text],
9197	- .post-type-mec-events.taxonomy-mec_label input[type=url],
9198	- .post-type-mec-events.taxonomy-mec_label select,
9199	- .post-type-mec-events.taxonomy-mec_label textarea,
9200	- .post-type-mec-events.taxonomy-mec_label input[type=text],
9201	- .post-type-mec-events.taxonomy-mec_label input[type=search],
9202	- .post-type-mec-events.taxonomy-mec_category input[type=number],
9203	- .post-type-mec-events.taxonomy-mec_category input[type=text],
9204	- .post-type-mec-events.taxonomy-mec_category input[type=url],
9205	- .post-type-mec-events.taxonomy-mec_category select,
9206	- .post-type-mec-events.taxonomy-mec_category textarea,
9207	- .post-type-mec-events.taxonomy-mec_category input[type=text],
9208	- .post-type-mec-events.taxonomy-mec_category input[type=search],
9209	- .post-type-mec-events.taxonomy-post_tag input[type=number],
9210	- .post-type-mec-events.taxonomy-post_tag input[type=text],
9211	- .post-type-mec-events.taxonomy-post_tag input[type=url],
9212	- .post-type-mec-events.taxonomy-post_tag select,
9213	- .post-type-mec-events.taxonomy-post_tag textarea,
9214	- .post-type-mec-events.taxonomy-post_tag input[type=text],
9215	- .post-type-mec-events.taxonomy-post_tag input[type=search],
9216	- .taxonomy-mec_organizer input[type=number],
9217	- .taxonomy-mec_organizer input[type=text],
9218	- .taxonomy-mec_organizer input[type=url],
9219	- .taxonomy-mec_organizer select,
9220	- .taxonomy-mec_organizer textarea,
9221	- .taxonomy-mec_organizer input[type=text],
9222	- .taxonomy-mec_organizer input[type=search] {
9223	border: solid 1px #ddd;
9224	border-radius: 2px;
9225	height: 40px;
9226	line-height: 38px;
9227	padding-left: 10px;
9228	- box-shadow: 0 3px 10px -2px rgba(0,0,0,.05), inset 0 1px 2px rgba(0,0,0,.02);
9229	- margin-bottom: 15px;




9230	}
9231
9232	- .taxonomy-mec_speaker ~~textarea,~~
9233	- .taxonomy-mec_location textarea,
9234	- .post-type-mec-books.taxonomy-mec_coupon textarea,
9235	- .post-type-mec-events.taxonomy-mec_label textarea,
9236	- .post-type-mec-events.taxonomy-mec_category textarea,
9237	- .post-type-mec-events.taxonomy-post_tag textarea,
9238	- .taxonomy-mec_organizer textarea {
9239	- min-height: 86px;
9240	- }
9241	-
9242	- .taxonomy-mec_speaker .button,
9243	- .taxonomy-mec_location .button,
9244	- .taxonomy-mec_location .button-secondary,
9245	- .post-type-mec-books.taxonomy-mec_coupon .button,
9246	- .post-type-mec-books.taxonomy-mec_coupon .button-secondary,
9247	- .post-type-mec-events.taxonomy-mec_label .button,
9248	- .post-type-mec-events.taxonomy-mec_label .button-secondary,
9249	- .post-type-mec-events.taxonomy-mec_category .button,
9250	- .post-type-mec-events.taxonomy-mec_category .button-secondary,
9251	- .post-type-mec-events.taxonomy-post_tag .button,
9252	- .post-type-mec-events.taxonomy-post_tag .button-secondary,
9253	- .taxonomy-mec_organizer .button,
9254	- .taxonomy-mec_organizer .button-secondary{
9255	color: #fff;
9256	font-weight: 500;
9257	border-radius: 2px;
	@@ -9261,667 +9355,215 @@ div#mec_meta_box_date_form .mec-form-row {
9261	background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%);
9262	border: none;
9263	transition: .24s;
9264	- padding: 6px 22px;
9265	}
9266
9267	- .taxonomy-mec_speaker .mec_upload_image_button,
9268	- ~~.taxonomy~~-~~mec_location~~ ~~.mec_upload_image_button,~~
9269	- .post-type-mec-books.taxonomy-mec_coupon .mec_upload_image_button,
9270	- .post-type-mec-events.taxonomy-mec_label .mec_upload_image_button,
9271	- .post-type-mec-events.taxonomy-mec_category .mec_upload_image_button,
9272	- .post-type-mec-events.taxonomy-post_tag .mec_upload_image_button,
9273	- .taxonomy-mec_organizer .mec_upload_image_button {
9274	- margin-bottom: 20px;
9275	}
9276
9277	- .taxonomy-mec_speaker .button-secondary:focus,
9278	- .taxonomy-mec_speaker .button.focus,
9279	- .taxonomy-mec_speaker .button:focus,
9280	- .taxonomy-mec_speaker .button:hover,
9281	- .taxonomy-mec_speaker .button-secondary:hover,
9282	- .taxonomy-mec_location .button-secondary:focus,
9283	- .taxonomy-mec_location .button.focus,
9284	- .taxonomy-mec_location .button:focus,
9285	- .taxonomy-mec_location .button:hover,
9286	- .taxonomy-mec_location .button-secondary:hover,
9287	- .post-type-mec-events.taxonomy-mec_label .button-secondary:focus,
9288	- .post-type-mec-events.taxonomy-mec_label .button.focus,
9289	- .post-type-mec-events.taxonomy-mec_label .button:focus,
9290	- .post-type-mec-events.taxonomy-mec_label .button:hover,
9291	- .post-type-mec-events.taxonomy-mec_label .button-secondary:hover,
9292	- .post-type-mec-events.taxonomy-mec_category .button-secondary:focus,
9293	- .post-type-mec-events.taxonomy-mec_category .button.focus,
9294	- .post-type-mec-events.taxonomy-mec_category .button:focus,
9295	- .post-type-mec-events.taxonomy-mec_category .button:hover,
9296	- .post-type-mec-events.taxonomy-mec_category .button-secondary:hover,
9297	- .post-type-mec-books.taxonomy-mec_coupon .button-secondary:focus,
9298	- .post-type-mec-books.taxonomy-mec_coupon .button.focus,
9299	- .post-type-mec-books.taxonomy-mec_coupon .button:focus,
9300	- .post-type-mec-books.taxonomy-mec_coupon .button:hover,
9301	- .post-type-mec-books.taxonomy-mec_coupon .button-secondary:hover,
9302	- .post-type-mec-events.taxonomy-post_tag .button-secondary:focus,
9303	- .post-type-mec-events.taxonomy-post_tag .button.focus,
9304	- .post-type-mec-events.taxonomy-post_tag .button:focus,
9305	- .post-type-mec-events.taxonomy-post_tag .button:hover,
9306	- .post-type-mec-events.taxonomy-post_tag .button-secondary:hover,
9307	- .taxonomy-mec_organizer .button-secondary:focus,
9308	- .taxonomy-mec_organizer .button.focus,
9309	- .taxonomy-mec_organizer .button:focus,
9310	- .taxonomy-mec_organizer .button:hover,
9311	- .taxonomy-mec_organizer .button-secondary:hover {
9312	background: #222;
9313	background: linear-gradient(95deg,#555 0,#222 50%,#000 100%);
9314	box-shadow: 0 5px 23px -7px rgba(0,0,0,.5);
9315	cursor: pointer;
9316	- color: #fff;
9317	}
9318
9319	- /* Select Icon for Category */
9320	.post-type-mec-events #TB_window {
9321	- height: 470px !important;
9322	- top: calc(50% - 235px) !important;
9323	}
9324
9325	.post-type-mec-events #TB_ajaxContent {
9326	- width: calc(100% - 40px) !important;
9327	}
9328
9329	-
9330	- ~~/* Support Page~~ - ~~Newsletter Icon */~~
9331	- .m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container .fserv-form-description, .m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container form {
9332	- padding-left: 105px !important;
9333	}
9334
9335	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container form .fserv-field {
9336	- width: 40.33333~~% !~~important;
9337	}
9338
9339	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container .fserv-form-description {
9340	- position: relative !important;
9341	}
9342
9343	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container:before {
9344	- background: url("../img/newsletter-document.png") no-repeat left top;
9345	content: "";
9346	width: 100px;
9347	height: 100px;
9348	position: absolute;
9349	top: 96px;
9350	- left: 12px;
9351	}
9352
9353	@media (max-width: 480px) {
9354	- .m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container .fserv-form-description~~, .~~m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container form {
9355	- padding-left: 90px !important;
9356	}
9357
9358	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container form .fserv-field {
9359	- width: 40~~% !~~important;
9360	}
9361	-
9362	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container:before {
9363	top: 100px;
9364	- left: 10px;
9365	}
9366	}
9367
9368	- /* Taxonomies Color Picker */
9369	.post-type-mec-events.taxonomy-mec_label .button.wp-color-result {
9370	- background: ~~transparent~~;
9371	text-align: right;
9372	padding: 0 0 0 32px;
9373	border-radius: 4px;
9374	box-shadow: unset;
9375	- border: 1px solid #ddd;
9376	}
9377
9378	.post-type-mec-events.taxonomy-mec_label .button.wp-color-result .wp-color-result-text {
9379	- height: 30px;
9380	}
9381
9382	.post-type-mec-events.taxonomy-mec_label .wp-picker-container input[type=text].wp-color-picker {
9383	width: 70px;
9384	margin-top: -10px;
9385	- height: 32px;
9386	}
9387	-
9388	.post-type-mec-events.taxonomy-mec_label .wp-picker-default {
9389	height: 32px;
9390	padding-top: 2px;
9391	- padding-bottom: 2px;
9392	}
9393
9394	.post-type-mec-events.taxonomy-mec_label .wp-picker-container .iris-picker {
9395	- margin-top: -10px;
9396	}
9397



9398
9399	- /* ~~MEC~~ - ~~Backend~~ ~~Dark~~ ~~Mode*/~~
9400	- ~~.mec-admin-dark-mode.post-type-mec-books~~ ~~.postbox,~~
9401	- ~~.mec-admin-dark-mode.m-e-calendar_page_MEC-support~~ #~~webnus-dashboard .mec-pro-notice .info-msg,~~
9402	- .mec-admin-dark-mode.m-e-calendar_page_MEC-ix .mec-container,
9403	- .mec-admin-dark-mode.post-type-mec-events .components-popover__content,
9404	- .mec-admin-dark-mode.post-type-mec-events #mec_event_form_fields li,
9405	- .mec-admin-dark-mode.post-type-mec-events #mec_reg_form_fields li,
9406	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-main,
9407	- .mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu>li.active>a,
9408	- .mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-wrap .select2-container,
9409	- .mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tab-content .select2-container,
9410	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-editor-container,
9411	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-content,
9412	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-main,
9413	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-infobar,
9414	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields button,
9415	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_field_types button,
9416	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_bfixed_form_fields button,
9417	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields li,
9418	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_fields li,
9419	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_bfixed_form_fields li,
9420	- .mec-admin-dark-mode.post-type-mec-events #screen-meta-links .show-settings,
9421	- .mec-admin-dark-mode.post-type-mec-events #screen-meta,
9422	- .mec-admin-dark-mode.post-type-mec-events div.mce-toolbar-grp,
9423	- .mec-admin-dark-mode.post-type-mec-events .wp-switch-editor,
9424	- .mec-admin-dark-mode.post-type-mec-events .wp-tab-active,
9425	- .mec-admin-dark-mode.post-type-mec-events ul.add-menu-item-tabs li.tabs,
9426	- .mec-admin-dark-mode.post-type-mec-events ul.category-tabs li.tabs,
9427	- .mec-admin-dark-mode.post-type-mec-events .categorydiv div.tabs-panel,
9428	- .mec-admin-dark-mode.post-type-mec-events .customlinkdiv div.tabs-panel,
9429	- .mec-admin-dark-mode.post-type-mec-events .posttypediv div.tabs-panel,
9430	- .mec-admin-dark-mode.post-type-mec-events .taxonomydiv div.tabs-panel,
9431	- .mec-admin-dark-mode.post-type-mec-events div.mce-panel,
9432	- .mec-admin-dark-mode.post-type-mec-events #post-status-info,
9433	- .mec-admin-dark-mode.post-type-mec-events .wp-tab-panel,
9434	- .mec-admin-dark-mode.post-type-mec-events .postbox,
9435	- .mec-admin-dark-mode.post-type-mec-events #major-publishing-actions,
9436	- .mec-admin-dark-mode.post-type-mec_calendars #screen-meta-links .show-settings,
9437	- .mec-admin-dark-mode.post-type-mec_calendars #screen-meta,
9438	- .mec-admin-dark-mode.post-type-mec_calendars div.mce-toolbar-grp,
9439	- .mec-admin-dark-mode.post-type-mec_calendars .wp-switch-editor,
9440	- .mec-admin-dark-mode.post-type-mec_calendars .wp-tab-active,
9441	- .mec-admin-dark-mode.post-type-mec_calendars ul.add-menu-item-tabs li.tabs,
9442	- .mec-admin-dark-mode.post-type-mec_calendars ul.category-tabs li.tabs,
9443	- .mec-admin-dark-mode.post-type-mec_calendars .categorydiv div.tabs-panel,
9444	- .mec-admin-dark-mode.post-type-mec_calendars .customlinkdiv div.tabs-panel,
9445	- .mec-admin-dark-mode.post-type-mec_calendars .posttypediv div.tabs-panel,
9446	- .mec-admin-dark-mode.post-type-mec_calendars .taxonomydiv div.tabs-panel,
9447	- .mec-admin-dark-mode.post-type-mec_calendars div.mce-panel,
9448	- .mec-admin-dark-mode.post-type-mec_calendars #post-status-info,
9449	- .mec-admin-dark-mode.post-type-mec_calendars .wp-tab-panel,
9450	- .mec-admin-dark-mode.post-type-mec_calendars .postbox,
9451	- .mec-admin-dark-mode.post-type-mec_calendars #major-publishing-actions,
9452	- .mec-admin-dark-mode .w-box-content pre,
9453	- .mec-admin-dark-mode .w-clearfix.w-box.mec-addons-notification-box-wrap span,
9454	- .mec-admin-dark-mode .w-clearfix.w-box.mec-cmsg-notification-box-wrap span,
9455	- .mec-admin-dark-mode .w-clearfix.w-box.mec-cmsg-2-notification-box-wrap span,
9456	- .mec-admin-dark-mode .w-box,
9457	- .mec-admin-dark-mode #webnus-dashboard .mec-pro-notice .info-msg,
9458	- .mec-admin-dark-mode .wns-be-main,
9459	- .mec-admin-dark-mode .wns-be-main .mec-container,
9460	- .mec-admin-dark-mode #mec_metabox_details,
9461	- .mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-wrap,
9462	- .mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-wrap,
9463	- .mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-left,
9464	- .mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-left,
9465	- .mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tabs-left,
9466	- .mec-admin-dark-mode #mec_calendar_filter,
9467	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-wrap,
9468	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-wrap,
9469	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-left,
9470	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-left,
9471	- .mec-admin-dark-mode #mec_calendar_filter .mec-create-shortcode-tabs-left,
9472	- .mec-admin-dark-mode #mec_metabox_booking,
9473	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-booking-tabs-wrap,
9474	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-wrap,
9475	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-booking-tabs-left,
9476	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-left,
9477	- .mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tabs-left {
9478	- background: #1F1F1F;
9479	- color: #fff;
9480	}
9481
9482	- .mec-admin-dark-mode.m-e-calendar_page_MEC-support #webnus-dashboard .mec-faq-accordion-trigger a,
9483	- ~~.mec-admin-dark-mode~~ ~~.mec-form-row ul.mec-message-categories li ul,~~
9484	- .mec-admin-dark-mode .mec-form-row input[type=checkbox],
9485	- .mec-admin-dark-mode .mec-form-row .mec-box,
9486	- .mec-admin-dark-mode .mec-meta-box-fields .mec-box {
9487	- background: #282828;
9488	border-color: #353535;
9489	- box-shadow: 0 1px 6px -2px #000;
9490	}
9491
9492	- .mec-admin-dark-mode.m-e-calendar_page_MEC-ix .mec-form-row.mec-syn-schedule,
9493	- .mec-admin-dark-mode.post-type-mec-events #mec_event_form_fields,
9494	- .mec-admin-dark-mode.post-type-mec-events #mec_reg_form_fields,
9495	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-left a,
9496	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-left a,
9497	- .mec-admin-dark-mode #mec_calendar_filter .mec-create-shortcode-tabs-left a,
9498	- .mec-admin-dark-mode.post-type-mec-events .select2-search--dropdown,
9499	- .mec-admin-dark-mode.post-type-mec_calendars .select2-search--dropdown,
9500	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-booking-tabs-left a,
9501	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-left a,
9502	- .mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tabs-left a,
9503	- .mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-left a,
9504	- .mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-left a,
9505	- .mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tabs-left a {
9506	background: #282828;
9507	- border-color: #353535;
9508	}
9509
9510	.mec-admin-dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
9511	- color: #000;




9512	}
9513
9514	- .mec-admin-dark-mode ul#~~adminmenu~~ a.wp-~~has~~-~~current~~-~~submenu:after,~~
9515	- .mec-admin-dark-mode ul#adminmenu>li.current>a.current:after{
9516	- border-right-color: #23282d;
9517	- }
9518	-
9519	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-dropdown,
9520	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-container--default .select2-selection--multiple,
9521	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_gateways_form li .mec-gateway-options-form,
9522	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #payment_gateways_option li .mec-gateway-options-form,
9523	- .mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list,
9524	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-left a.mec-tab-active,
9525	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-left a.mec-tab-active,
9526	- .mec-admin-dark-mode #mec_calendar_filter .mec-create-shortcode-tabs-left a.mec-tab-active,
9527	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-booking-tabs-left a.mec-tab-active,
9528	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-left a.mec-tab-active,
9529	- .mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tabs-left a.mec-tab-active,
9530	- .mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-left a.mec-tab-active,
9531	- .mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-left a.mec-tab-active,
9532	- .mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tabs-left a.mec-tab-active {
9533	background: #000;
9534	- box-shadow: 0 2px 12px -5px #000;
9535	- }
9536	-
9537	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-infobar,
9538	- .mec-admin-dark-mode.post-type-mec-books .postbox .hndle,
9539	- .mec-admin-dark-mode.post-type-mec-books .postbox hr,
9540	- .mec-admin-dark-mode.post-type-mec-books .postbox,
9541	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .wp-editor-container,
9542	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .mce-btn-group:not(:first-child),
9543	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-dropdown,
9544	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-search--dropdown .select2-search__field,
9545	- .mec-admin-dark-mode.post-type-mec_calendars .mec-sed-methods li,
9546	- .mec-admin-dark-mode.post-type-mec-events .components-popover__content,
9547	- .mec-admin-dark-mode.post-type-mec-events .edit-post-meta-boxes-area #poststuff .stuffbox>h3,
9548	- .mec-admin-dark-mode.post-type-mec-events .edit-post-meta-boxes-area #poststuff h2.hndle,
9549	- .mec-admin-dark-mode.post-type-mec-events .edit-post-meta-boxes-area #poststuff h3.hndle,
9550	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-core-ui .quicktags-toolbar input.button.button-small,
9551	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-editor-container,
9552	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-container--default .select2-selection--multiple .select2-selection__choice,
9553	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-content,
9554	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-main,
9555	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-infobar:before,
9556	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .html-active .switch-html,
9557	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .tmce-active .switch-tmce,
9558	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-switch-editor,
9559	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-container--default .select2-selection--multiple,
9560	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields button,
9561	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_field_types button,
9562	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_bfixed_form_fields button,
9563	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-footer,
9564	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-custom-msg-notification-set-box.extra,
9565	- .mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list li.option,
9566	- .mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list,
9567	- .mec-admin-dark-mode.post-type-mec_calendars #screen-meta-links .show-settings,
9568	- .mec-admin-dark-mode.post-type-mec_calendars #screen-meta,
9569	- .mec-admin-dark-mode.post-type-mec_calendars .wp-editor-container,
9570	- .mec-admin-dark-mode.post-type-mec_calendars div.mce-toolbar-grp,
9571	- .mec-admin-dark-mode.post-type-mec_calendars .wp-switch-editor,
9572	- .mec-admin-dark-mode.post-type-mec_calendars .wp-tab-active,
9573	- .mec-admin-dark-mode.post-type-mec_calendars ul.add-menu-item-tabs li.tabs,
9574	- .mec-admin-dark-mode.post-type-mec_calendars ul.category-tabs li.tabs,
9575	- .mec-admin-dark-mode.post-type-mec_calendars .categorydiv div.tabs-panel,
9576	- .mec-admin-dark-mode.post-type-mec_calendars .customlinkdiv div.tabs-panel,
9577	- .mec-admin-dark-mode.post-type-mec_calendars .posttypediv div.tabs-panel,
9578	- .mec-admin-dark-mode.post-type-mec_calendars .taxonomydiv div.tabs-panel,
9579	- .mec-admin-dark-mode.post-type-mec_calendars div.mce-panel,
9580	- .mec-admin-dark-mode.post-type-mec_calendars #post-status-info,
9581	- .mec-admin-dark-mode.post-type-mec_calendars .wp-tab-panel,
9582	- .mec-admin-dark-mode.post-type-mec_calendars .postbox,
9583	- .mec-admin-dark-mode.post-type-mec_calendars #major-publishing-actions,
9584	- .mec-admin-dark-mode.post-type-mec_calendars .postbox,
9585	- .mec-admin-dark-mode.post-type-mec_calendars .postbox h2,
9586	- .mec-admin-dark-mode.post-type-mec-events #screen-meta-links .show-settings,
9587	- .mec-admin-dark-mode.post-type-mec-events #screen-meta,
9588	- .mec-admin-dark-mode.post-type-mec-events .wp-editor-container,
9589	- .mec-admin-dark-mode.post-type-mec-events div.mce-toolbar-grp,
9590	- .mec-admin-dark-mode.post-type-mec-events .wp-switch-editor,
9591	- .mec-admin-dark-mode.post-type-mec-events .wp-tab-active,
9592	- .mec-admin-dark-mode.post-type-mec-events ul.add-menu-item-tabs li.tabs,
9593	- .mec-admin-dark-mode.post-type-mec-events ul.category-tabs li.tabs,
9594	- .mec-admin-dark-mode.post-type-mec-events .categorydiv div.tabs-panel,
9595	- .mec-admin-dark-mode.post-type-mec-events .customlinkdiv div.tabs-panel,
9596	- .mec-admin-dark-mode.post-type-mec-events .posttypediv div.tabs-panel,
9597	- .mec-admin-dark-mode.post-type-mec-events .taxonomydiv div.tabs-panel,
9598	- .mec-admin-dark-mode.post-type-mec-events div.mce-panel,
9599	- .mec-admin-dark-mode.post-type-mec-events #post-status-info,
9600	- .mec-admin-dark-mode.post-type-mec-events .wp-tab-panel,
9601	- .mec-admin-dark-mode.post-type-mec-events .postbox,
9602	- .mec-admin-dark-mode.post-type-mec-events #major-publishing-actions,
9603	- .mec-admin-dark-mode.post-type-mec-events .postbox,
9604	- .mec-admin-dark-mode.post-type-mec-events .postbox h2,
9605	- .mec-admin-dark-mode .extra .w-box-head,
9606	- .mec-admin-dark-mode .mec-form-row ul.mec-message-categories,
9607	- .mec-admin-dark-mode .mec-message-categories li.mec-acc-label {
9608	- border-color: #353535;
9609	}
9610
9611	- .mec-admin-dark-mode.m-e-calendar_page_MEC-go-~~pro,~~
9612	- ~~.mec~~-~~admin-dark-mode.post-type-mec-books~~ ~~input[type=email],~~
9613	- ~~.mec-admin-dark-mode.post-type-mec-books input[type=url],~~
9614	- ~~.mec-admin-dark-mode.post-type-mec-books select,~~
9615	- .mec-admin-dark-mode.post-type-mec-books textarea,
9616	- .mec-admin-dark-mode.post-type-mec-books .wn-mec-select,
9617	- .mec-admin-dark-mode.post-type-mec-books input[type=number],
9618	- .mec-admin-dark-mode.post-type-mec-books input[type=text],
9619	- .mec-admin-dark-mode .mec-addon-box-version,
9620	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .html-active .switch-html,
9621	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .tmce-active .switch-tmce,
9622	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .wp-switch-editor,
9623	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report div.mce-toolbar-grp,
9624	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-send-email-form-wrap input.widefat,
9625	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-sendmail-form-wrap,
9626	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-sendmail-wrap,
9627	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-results__option--highlighted[aria-selected],
9628	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-search--dropdown .select2-search__field,
9629	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-select-event-wrap .select2-container--default .select2-selection--single,
9630	- .mec-admin-dark-mode.post-type-mec_calendars .select2-container--default .select2-selection--multiple .select2-selection__choice,
9631	- .mec-admin-dark-mode.post-type-mec-events .mec-certain-day>div, .mec-select-deselect-actions li,
9632	- .mec-admin-dark-mode.post-type-mec-events .mec-xi-facebook-import-events .mec-select-deselect-actions li,
9633	- .mec-admin-dark-mode.post-type-mec-events .mec-xi-google-import-events .mec-select-deselect-actions li,
9634	- .mec-admin-dark-mode.post-type-mec-events input[type=checkbox],
9635	- .mec-admin-dark-mode.post-type-mec-events input[type=radio],
9636	- .mec-admin-dark-mode.post-type-mec-events #mec_event_form_fields button,
9637	- .mec-admin-dark-mode.post-type-mec-events #mec_reg_form_field_types button,
9638	- .mec-admin-dark-mode.post-type-mec-events #mec_event_form_fields button,
9639	- .mec-admin-dark-mode.post-type-mec-events #mec_reg_form_fields button,
9640	- .mec-admin-dark-mode.post-type-mec-events .wp-admin p label input[type=checkbox],
9641	- .mec-admin-dark-mode.post-type-mec-events .components-form-token-field__input-container,
9642	- .mec-admin-dark-mode.post-type-mec-events .components-panel__body,
9643	- .mec-admin-dark-mode.toplevel_page_mec-intro .w-box.mec-activation input[type=radio]+label span,
9644	- .mec-admin-dark-mode.toplevel_page_mec-intro .w-box.mec-activation input[name=MECPurchaseCode],
9645	- .mec-admin-dark-mode.m-e-calendar_page_MEC-addons,
9646	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-core-ui .quicktags-toolbar input.button.button-small,
9647	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields button,
9648	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_field_types button,
9649	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields button,
9650	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_fields button,
9651	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .quicktags-toolbar,
9652	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec-invoice-custom-css,
9653	- .mec-admin-dark-mode.post-type-mec_calendars input[type=checkbox],
9654	- .mec-admin-dark-mode.post-type-mec_calendars input[type=radio],
9655	- .mec-admin-dark-mode.post-type-mec_calendars .mec-add-event-tabs-wrap .select2-container,
9656	- .mec-admin-dark-mode.post-type-mec_calendars .mec-create-shortcode-tab-content .select2-container,
9657	- .mec-admin-dark-mode.post-type-mec_calendars #titlediv #title,
9658	- .mec-admin-dark-mode.post-type-mec_calendars .select2-dropdown,
9659	- .mec-admin-dark-mode.post-type-mec_calendars .select2-results__option[aria-selected],
9660	- .mec-admin-dark-mode.post-type-mec_calendars .mec-add-event-tabs-wrap .select2-container span,
9661	- .mec-admin-dark-mode.post-type-mec_calendars .mec-create-shortcode-tab-content .select2-container span,
9662	- .mec-admin-dark-mode.post-type-mec_calendars input[type=color],
9663	- .mec-admin-dark-mode.post-type-mec_calendars input[type=date],
9664	- .mec-admin-dark-mode.post-type-mec_calendars input[type=datetime-local],
9665	- .mec-admin-dark-mode.post-type-mec_calendars input[type=datetime],
9666	- .mec-admin-dark-mode.post-type-mec_calendars input[type=email],
9667	- .mec-admin-dark-mode.post-type-mec_calendars input[type=month],
9668	- .mec-admin-dark-mode.post-type-mec_calendars input[type=number],
9669	- .mec-admin-dark-mode.post-type-mec_calendars input[type=password],
9670	- .mec-admin-dark-mode.post-type-mec_calendars input[type=search],
9671	- .mec-admin-dark-mode.post-type-mec_calendars input[type=tel],
9672	- .mec-admin-dark-mode.post-type-mec_calendars input[type=text],
9673	- .mec-admin-dark-mode.post-type-mec_calendars input[type=time],
9674	- .mec-admin-dark-mode.post-type-mec_calendars input[type=url],
9675	- .mec-admin-dark-mode.post-type-mec_calendars input[type=week],
9676	- .mec-admin-dark-mode.post-type-mec_calendars select,
9677	- .mec-admin-dark-mode.post-type-mec_calendars textarea,
9678	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=checkbox],
9679	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=radio],
9680	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-add-event-tabs-wrap .select2-container,
9681	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-create-shortcode-tab-content .select2-container,
9682	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #titlediv #title,
9683	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-dropdown,
9684	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-results__option[aria-selected],
9685	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-add-event-tabs-wrap .select2-container span,
9686	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-create-shortcode-tab-content .select2-container span,
9687	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=color],
9688	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=date],
9689	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=datetime-local],
9690	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=datetime],
9691	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=email],
9692	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=month],
9693	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=number],
9694	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=password],
9695	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=search],
9696	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=tel],
9697	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=text],
9698	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=time],
9699	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=url],
9700	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=week],
9701	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings select,
9702	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings textarea,
9703	- .mec-admin-dark-mode.post-type-mec-events #titlediv #title,
9704	- .mec-admin-dark-mode.post-type-mec-events .select2-dropdown,
9705	- .mec-admin-dark-mode.post-type-mec-events .select2-results__option[aria-selected],
9706	- .mec-admin-dark-mode.post-type-mec-events .mec-add-event-tabs-wrap .select2-container span,
9707	- .mec-admin-dark-mode.post-type-mec-events .mec-create-shortcode-tab-content .select2-container span,
9708	- .mec-admin-dark-mode.post-type-mec-events input[type=color],
9709	- .mec-admin-dark-mode.post-type-mec-events input[type=date],
9710	- .mec-admin-dark-mode.post-type-mec-events input[type=datetime-local],
9711	- .mec-admin-dark-mode.post-type-mec-events input[type=datetime],
9712	- .mec-admin-dark-mode.post-type-mec-events input[type=email],
9713	- .mec-admin-dark-mode.post-type-mec-events input[type=month],
9714	- .mec-admin-dark-mode.post-type-mec-events input[type=number],
9715	- .mec-admin-dark-mode.post-type-mec-events input[type=password],
9716	- .mec-admin-dark-mode.post-type-mec-events input[type=search],
9717	- .mec-admin-dark-mode.post-type-mec-events input[type=tel],
9718	- .mec-admin-dark-mode.post-type-mec-events input[type=text],
9719	- .mec-admin-dark-mode.post-type-mec-events input[type=time],
9720	- .mec-admin-dark-mode.post-type-mec-events input[type=url],
9721	- .mec-admin-dark-mode.post-type-mec-events input[type=week],
9722	- .mec-admin-dark-mode.post-type-mec-events select,
9723	- .mec-admin-dark-mode.post-type-mec-events textarea,
9724	- .mec-admin-dark-mode .mec-calendar-metabox .wn-mec-select,
9725	- .mec-admin-dark-mode .mec-form-row input[type=number],
9726	- .mec-admin-dark-mode .mec-form-row input[type=text],
9727	- .mec-admin-dark-mode .mec-form-row input[type=url],
9728	- .mec-admin-dark-mode .mec-form-row select,
9729	- .mec-admin-dark-mode .mec-form-row textarea,
9730	- .mec-admin-dark-mode .mec-form-row.mec-skin-list-date-format-container input[type=text],
9731	- .mec-admin-dark-mode #mec_metabox_booking .mec-calendar-metabox .wn-mec-select,
9732	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=number],
9733	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=text],
9734	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=url],
9735	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row select,
9736	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row textarea,
9737	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row.mec-skin-list-date-format-container input[type=text],
9738	- .mec-admin-dark-mode #mec_metabox_booking .mec-calendar-metabox .mec-form-row input[type=checkbox],
9739	- .mec-admin-dark-mode #mec_metabox_booking .mec-meta-box-fields .mec-form-row input[type=checkbox],
9740	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-wrap .select2-container,
9741	- .mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tab-content .select2-container,
9742	- .mec-admin-dark-mode #mec_metabox_booking .mec-calendar-metabox .wn-mec-select,
9743	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=number],
9744	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=text],
9745	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=url],
9746	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row select,
9747	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row textarea,
9748	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row.mec-skin-list-date-format-container input[type=text],
9749	- .mec-admin-dark-mode #mec_metabox_booking .mec-calendar-metabox .mec-form-row input[type=checkbox],
9750	- .mec-admin-dark-mode #mec_metabox_booking .mec-meta-box-fields .mec-form-row input[type=checkbox],
9751	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-wrap .select2-container,
9752	- .mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tab-content .select2-container,
9753	- .mec-admin-dark-mode #mec_calendar_filter .mec-calendar-metabox .wn-mec-select,
9754	- .mec-admin-dark-mode #mec_calendar_filter .mec-form-row input[type=number],
9755	- .mec-admin-dark-mode #mec_calendar_filter .mec-form-row input[type=text],
9756	- .mec-admin-dark-mode #mec_calendar_filter .mec-form-row input[type=url],
9757	- .mec-admin-dark-mode #mec_calendar_filter .mec-form-row select,
9758	- .mec-admin-dark-mode #mec_calendar_filter .mec-form-row textarea,
9759	- .mec-admin-dark-mode #mec_metabox_details .mec-form-row.mec-skin-list-date-format-container input[type=text],
9760	- .mec-admin-dark-mode #mec_metabox_details .mec-calendar-metabox .mec-form-row input[type=checkbox],
9761	- .mec-admin-dark-mode #mec_metabox_details .mec-meta-box-fields .mec-form-row input[type=checkbox],
9762	- .mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-wrap .select2-container,
9763	- .mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tab-content .select2-container,
9764	- .mec-admin-dark-mode #mec_metabox_details .mec-calendar-metabox .wn-mec-select,
9765	- .mec-admin-dark-mode #mec_metabox_details .mec-form-row input[type=number],
9766	- .mec-admin-dark-mode #mec_metabox_details .mec-form-row input[type=text],
9767	- .mec-admin-dark-mode #mec_metabox_details .mec-form-row input[type=url],
9768	- .mec-admin-dark-mode #mec_metabox_details .mec-form-row select,
9769	- .mec-admin-dark-mode #mec_metabox_details .mec-form-row textarea,
9770	- .mec-admin-dark-mode #mec_metabox_details .mec-form-row.mec-skin-list-date-format-container input[type=text],
9771	- .mec-admin-dark-mode #mec_metabox_details .mec-calendar-metabox .mec-form-row input[type=checkbox],
9772	- .mec-admin-dark-mode #mec_metabox_details .mec-meta-box-fields .mec-form-row input[type=checkbox] {
9773	background: #282828;
9774	border-color: #353535;
9775	- color: #~~D2D2D2;~~
9776	}
9777
9778	- .mec-admin-dark-mode .mec-custom-nice-select ul.list li .wn-mec-text:after,
9779	- .mec-admin-dark-mode .mec-sed-methods li:before,
9780	- .mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=checkbox]:checked,
9781	- .mec-admin-dark-mode #mec_metabox_details .mec-form-row input[type=checkbox]:checked {
9782	box-shadow: 0 1px 6px -2px #000;
9783	border-color: #353535;
9784	- background: #~~222222;~~
9785	}
9786
9787	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-results__option,
9788	- ~~.mec~~-~~admin-dark-mode~~ ~~.mec-switcher input+label,~~
9789	- .mec-admin-dark-mode .mec-switcher input+label:before {
9790	- background-color: #000;
9791	}
9792
9793	- .mec-admin-dark-mode .wn-mec-select .option.focus .wn-img-sh img,
9794	- ~~.mec-admin-dark-mode~~ ~~.wn-mec-select~~ ~~.option.selected.focus .wn-img-sh img,~~
9795	- .mec-admin-dark-mode .wn-mec-select .option:hover .wn-img-sh img {
9796	- background: transparent;
9797	}
9798
9799	.mec-admin-dark-mode .ui-datepicker {
9800	background-color: #000;
9801	border: 1px solid #000;
9802	- box-shadow: 0 0 8px rgba(33,33,33,.6);
9803	}
9804
9805	- .mec-admin-dark-mode .w-box.upcoming-events .mec-event-article .mec-detail-button,
9806	- ~~.mec-admin-dark-mode.post-type-mec_calendars~~ ~~.postbox h2,~~
9807	- ~~.mec-admin-dark-mode.post-type-mec-events~~ ~~.postbox h2,~~
9808	- .mec-admin-dark-mode.post-type-mec-events,
9809	- .mec-admin-dark-mode .ui-datepicker.ui-widget td a {
9810	- color: #D2D2D2;
9811	- background: #282828;
9812	}
9813
9814	.mec-admin-dark-mode #mec-advanced-wraper div:first-child>ul * {
9815	- background: #282828;
9816	}
9817
9818	- .mec-admin-dark-mode .mec-message-categories li.mec-acc-label,
9819	- ~~.mec-admin-dark-mode~~ #~~mec_styles_form #mec_styles_CSS,~~
9820	- .mec-admin-dark-mode #mec-advanced-wraper div:first-child>ul>ul>li,
9821	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields,
9822	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_bfixed_form_fields,
9823	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_fields {
9824	- background: #000;
9825	}
9826
9827	- .mec-admin-dark-mode.post-type-mec-events .select2-container--default .select2-results__option--highlighted[aria-selected],
9828	- ~~.mec-admin-dark-mode~~ #~~mec-advanced-wraper div:first-child>ul>ul>li:hover,~~
9829	- .mec-admin-dark-mode .mec-active {
9830	- background: #888 !important;
9831	}
9832
9833	.mec-admin-dark-mode.post-type-mec_calendars .mec-calendar-metabox .wn-mec-select .list {
9834	border-radius: 0 0 2px 2px;
9835	- box-shadow: 0 0 0 1px #353535, 0 2px 6px rgba(0,0,0,.07);
9836	- }
9837	-
9838	- .mec-admin-dark-mode #mec_gateways_form li .mec-gateway-options-form,
9839	- ~~.mec~~-~~admin-dark-mode~~ #~~payment_gateways_option li .mec-gateway-options-form,~~
9840	- ~~.mec-admin-dark-mode .mec-meta-box-fields h4,~~
9841	- ~~.mec-admin-dark-mode #mec_metabox_booking .ui-sortable-handle,~~
9842	- .mec-admin-dark-mode ~~#mec_metabox_booking~~ .mec-~~add~~-~~booking~~-~~tabs~~-~~right,~~
9843	- .mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-right,
9844	- .mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tabs-right,
9845	- .mec-admin-dark-mode #mec_metabox_details .ui-sortable-handle,
9846	- .mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-right,
9847	- .mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-right,
9848	- .mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tabs-right,
9849	- .mec-admin-dark-mode #mec_calendar_filter .ui-sortable-handle,
9850	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-right,
9851	- .mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-right,
9852	- .mec-admin-dark-mode #mec_calendar_filter .mec-create-shortcode-tabs-right {
9853	- border-color: #000 !important;
9854	- }
9855	-
9856	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content,
9857	- .mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .list,
9858	- .mec-admin-dark-mode.post-type-mec-events #wp-content-editor-tools,
9859	- .mec-admin-dark-mode.post-type-mec_calendars,
9860	- .mec-admin-dark-mode .wns-be-container {
9861	background-color: #282828;
9862	- border-color: #353535;









9863	}
9864
9865	- .mec-admin-dark-mode.m-e-calendar_page_MEC-~~report~~ .mec-~~report~~-~~selected~~-~~event~~-~~attendees~~-~~wrap~~ .w-~~clearfix~~.mec-~~attendees~~-~~head,~~
9866	- .mec-admin-dark-mode.m-e-calendar_page_MEC-support .fserv-container,
9867	- .mec-admin-dark-mode.m-e-calendar_page_MEC-support .fserv-container *,
9868	- .mec-admin-dark-mode.toplevel_page_mec-intro .fserv-container,
9869	- .mec-admin-dark-mode.toplevel_page_mec-intro .fserv-container *,
9870	- .mec-admin-dark-mode .mec-intro-section-ifarme iframe {
9871	- background: #1F1F1F !important;
9872	- border-color: #353535 !important;
9873	- }
9874	-
9875	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content,
9876	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-selection--single .select2-selection__rendered,
9877	- .mec-admin-dark-mode .block-editor-block-types-list__item-icon,
9878	- .mec-admin-dark-mode .block-editor-block-types-list__item-title,
9879	- .mec-admin-dark-mode .w-box.upcoming-events .mec-event-article h4.mec-event-title,
9880	- .mec-admin-dark-mode.m-e-calendar_page_MEC-support .about-wrap h3,
9881	- .mec-admin-dark-mode.m-e-calendar_page_MEC-support .fserv-container .fserv-form-name ,
9882	- .mec-admin-dark-mode.toplevel_page_mec-intro .about-wrap h3,
9883	- .mec-admin-dark-mode.toplevel_page_mec-intro .fserv-container .fserv-form-name {
9884	- color: #D2D2D2 !important;
9885	- }
9886	-
9887	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .html-active .switch-html,
9888	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .tmce-active .switch-tmce,
9889	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-switch-editor,
9890	- .mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option:hover,
9891	- .mec-admin-dark-mode .wns-be-sidebar li a:hover,
9892	- .mec-admin-dark-mode .wns-be-sidebar li:hover {
9893	background: #000;
9894	- color: #~~D2D2D2;~~
9895	- }
9896	-
9897	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report h2,
9898	- ~~.mec-admin-dark-mode.m-e-calendar_page_MEC-report~~ ~~h4,~~
9899	- ~~.mec-admin-dark-mode.m-e-calendar_page_MEC-support #webnus-dashboard .mec-faq-accordion-trigger a,~~
9900	- ~~.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-head span,~~
9901	- .mec-admin-dark-mode.m-e-~~calendar_page_MEC~~-ix ~~h1,~~
9902	- ~~.mec-admin-dark-mode.m-e-calendar_page_MEC-ix~~ ~~h2,~~
9903	- .mec-admin-dark-mode.m-e-calendar_page_MEC-ix h3,
9904	- .mec-admin-dark-mode.m-e-calendar_page_MEC-ix h4,
9905	- .mec-admin-dark-mode.post-type-mec-books .postbox h1,
9906	- .mec-admin-dark-mode.post-type-mec-books .postbox h2,
9907	- .mec-admin-dark-mode.post-type-mec-books .postbox h3,
9908	- .mec-admin-dark-mode.post-type-mec-events .components-panel__body-toggle.components-button,
9909	- .mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list li.option .wn-mec-text,
9910	- .mec-admin-dark-mode.post-type-mec-events .wrap h1.wp-heading-inline,
9911	- .mec-admin-dark-mode .wns-be-sidebar li a {
9912	- color: #D2D2D2;
9913	- }
9914	-
9915	- .mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu>li.active>a,
9916	- .mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu>li.active>a:hover {
9917	- background: #282828;
9918	- background: linear-gradient(95deg,#282828 0,#222 50%,#282828 100%);
9919	- color: #D2D2D2;
9920	}
9921
9922	.mec-admin-dark-mode .wns-be-sidebar li.active ul.subsection {
9923	background: #282828;
9924	- border-bottom: 1px solid #353535;
9925	}
9926
9927	.mec-admin-dark-mode .wns-be-sidebar li .subsection a {
	@@ -9929,77 +9571,46 @@ div#mec_meta_box_date_form .mec-form-row {
9929	color: #636363;
9930	opacity: 1;
9931	font-size: 12px;
9932	- padding: 6px 4px 6px 46px;
9933	}
9934
9935	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-infobar,
9936	- ~~.mec~~-~~admin~~-~~dark-mode.m-e-calendar_page_MEC-settings~~ ~~.wns-be-main,~~
9937	- .mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu>li.active>a {
9938	- box-shadow: 0 2px 12px -5px #000;
9939	}
9940
9941	- .mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option.focus,
9942	- .mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option.selected.focus,
9943	- .mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option:hover,
9944	- .mec-admin-dark-mode li.wns-be-group-menu-li.mec-settings-menu .mec-settings-submenu,
9945	- .mec-admin-dark-mode .wns-be-sidebar .mec-settings-menu .mec-settings-submenu a,
9946	- .mec-admin-dark-mode .wns-be-container .wns-be-group-tab h4 {
9947	background: #000;
9948	- color: #~~D2D2D2~~;
9949	- border-color: #353535;










9950	}
9951
9952	- .mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list li.option,
9953	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings{
9954	- background: #000 !important;
9955	- color: #fff !important;
9956	- }
9957	-
9958	- .mec-admin-dark-mode.m-e-calendar_page_MEC-go-pro,
9959	- .mec-admin-dark-mode.m-e-calendar_page_MEC-go-pro h1,
9960	- .mec-admin-dark-mode.post-type-mec-books,
9961	- .mec-admin-dark-mode.post-type-mec-books h1,
9962	- .mec-admin-dark-mode.m-e-calendar_page_MEC-support,
9963	- .mec-admin-dark-mode.m-e-calendar_page_MEC-support h1,
9964	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report,
9965	- .mec-admin-dark-mode.m-e-calendar_page_MEC-report h1,
9966	- .mec-admin-dark-mode.m-e-calendar_page_MEC-ix,
9967	- .mec-admin-dark-mode.m-e-calendar_page_MEC-ix h1,
9968	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings div.mce-panel,
9969	- .mec-admin-dark-mode.toplevel_page_mec-intro,
9970	- .mec-admin-dark-mode.m-e-calendar_page_MEC-addons,
9971	- .mec-admin-dark-mode.toplevel_page_mec-intro .about-wrap h1,
9972	- .mec-admin-dark-mode.m-e-calendar_page_MEC-addons .about-wrap h1,
9973	- .mec-admin-dark-mode.post-type-mec_calendars,
9974	- .mec-admin-dark-mode.post-type-mec_calendars .wrap h1.wp-heading-inline {
9975	- background: #282828 !important;
9976	- color: #D2D2D2;
9977	- }
9978	-
9979	- .mec-admin-dark-mode .w-theme-version,
9980	.mec-admin-dark-mode .w-theme-version {
9981	box-shadow: 0 3px 30px -4px #000;
9982	background: #000;
9983	- background: linear-gradient(95deg,#000 0,#282828 50%,#1f1f1f 100%);
9984	}
9985
9986	- .mec-admin-dark-mode.m-e-calendar_page_MEC-ix #mec-wrap h2.nav-tab-wrapper,
9987	- ~~.mec-admin-dark-mode.m-e-calendar_page_MEC-ix~~ #~~mec-wrap .nav-tab-wrapper .nav-tab,~~
9988	- ~~.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-container--default .select2-selection--multiple .select2-selection__choice,~~
9989	- .mec-admin-dark-mode .mec-sed-methods li.active,
9990	- .mec-admin-dark-mode .wns-be-container .wns-be-group-tab h2,
9991	- .mec-admin-dark-mode .wns-be-container .wns-be-group-tab h4 {
9992	- color: #D2D2D2;
9993	- background: #000;
9994	- }
9995
9996	.mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu li a:hover {
9997	- color: #~~008aff;~~
9998	}
9999
10000	- .mec-admin-dark-mode.m-e-calendar_page_MEC-ix #mec-wrap .nav-tab-wrapper .nav-tab-active{
10001	background: #008aff;
10002	- background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%);
10003	}
10004
10005	.mec-admin-dark-mode .wns-be-container #wns-be-infobar:before {
	@@ -10013,405 +9624,293 @@ div#mec_meta_box_date_form .mec-form-row {
10013	background: #1f1f1f url(../img/webnus-logo2.png) no-repeat center;
10014	border-bottom: 1px solid #dedede;
10015	background-size: 220px;
10016	- z-index: 997;
10017	}
10018
10019	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-custom-msg-notification-set-box.extra,
10020	- ~~.mec-admin-dark-mode.post-type-mec-books~~ #~~titlediv #title,~~
10021	- .mec-admin-dark-mode.post-type-mec-books .postbox h1,
10022	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-footer {
10023	- background: #1f1f1f !important;
10024	}
10025
10026	- .mec-admin-dark-mode .mec-settings-menu .mec-settings-submenu:after,
10027	- ~~.mec~~-~~admin~~-~~dark-mode~~ ~~.wns-be-sidebar .wns-be-group-menu li .subsection li.active a:after,~~
10028	- .mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
10029	- border-right-color: #353535;
10030	}
10031
10032	.mec-admin-dark-mode .mec-switcher input:checked+label:before {
10033	- background-color: #~~000~~;
10034	- ~~background~~: ~~linear~~-~~gradient(95deg,#1f1f1f~~ ~~0,#222~~ ~~50%,#000 100%);~~
10035	}

10036	.mec-admin-dark-mode .mec-switcher input:checked+label {
10037	- box-shadow: 0 3px 11px -7px #000;
10038	}
10039
10040	- /* ~~Wizard~~ > ~~Dark~~ ~~Mode~~ */
10041	- ~~.mec-admin-dark-mode~~ ~~.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup,~~
10042	- .mec-admin-dark-mode .lity.mec-add-event-popup,
10043	- .mec-admin-dark-mode .mec-add-shortcode-popup div#mec_popup_shortcode,
10044	- .mec-admin-dark-mode .lity.mec-add-shortcode-popup {
10045	- background: #282828;
10046	}
10047
10048	- .mec-admin-dark-mode .lity.mec-add-event-popup .lity-content,
10049	- ~~.mec~~-~~admin-dark-mode~~ ~~.lity.mec-add-shortcode-popup~~ ~~.lity-content~~ {
10050	- box-shadow: 0 3px 20px 0 rgba(0,0,0,.55);
10051	}
10052
10053	- .mec-admin-dark-mode .mec-add-event-popup .mec-meta-box-colors-container,
10054	- ~~.mec-admin-dark-mode~~ ~~.mec-steps-header, .mec-admin-dark-mode .mec-steps-container {~~
10055	- background: #000;
10056	}
10057
10058	- .mec-admin-dark-mode .mec-add-event-popup div#mec_popup_event,
10059	- ~~.mec-admin-dark-mode~~ ~~.mec-steps-panel {~~
10060	- background: #1F1F1F;
10061	}
10062
10063	.mec-admin-dark-mode button.lity-close {
10064	background: #000;
10065	- box-shadow: 0 3px 8px 0 rgba(0,0,0,.55);
10066	}
10067
10068	.mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li {
10069	border: 2px solid #282828;
10070	- background: #000 !important;
10071	}
10072
10073	- .mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 label input,
10074	- .mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-text:before {
10075	background: #282828;
10076	- border-color: #~~1F1F1F~~;
10077	- box-shadow: 0 3px 6px 0 rgba(0,0,0,.05);
10078	}
10079
10080	.mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li.active {
10081	- box-shadow: 0 3px 5px rgba(0,0,0,.2);
10082	}
10083
10084	.mec-admin-dark-mode .nicescroll-cursors {
10085	- background-color: #000 !important;
10086	}
10087
10088	- .mec-admin-dark-mode .mec-add-event-popup .mec-steps-content.mec-steps-content-7.mec-steps-content-active,
10089	- .mec-admin-dark-mode .mec-add-event-popup .mec-categories-tab-contents,
10090	- .mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 .mec-multiple-skin-options div,
10091	- .mec-admin-dark-mode .mec-add-event-popup .mec-form-row.mec-available-color-row,
10092	- .mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode {
10093	border-color: #282828;
10094	- background: #000;
10095	}
10096
10097	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code {
10098	- background: rgba(266,266,266,.35);
10099	}
10100
10101	- .mec-admin-dark-mode .mec-steps-content h3,
10102	- ~~.mec-admin-dark-mode~~ ~~.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code code {~~
10103	- color: #D2D2D2;
10104	}
10105
10106	- .mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option.focus,
10107	- ~~.mec-admin-dark-mode~~ ~~.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option.selected.focus,~~
10108	- .mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option:hover {
10109	- background: #000;
10110	}
10111
10112	.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .list {
10113	- background: #282828;
10114	}
10115
10116	.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .list::-webkit-scrollbar-track {
10117	- background-color: #333;
10118	}
10119
10120	.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .list::-webkit-scrollbar {
10121	width: 3px;
10122	- background-color: #333;
10123	}
10124
10125	- /* Wizard Copy Button */
10126	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code button {
10127	- margin-left: unset;
10128	}
10129
10130	.mec-admin-dark-mode .wp-picker-container .wp-color-result.button {
10131	- background: inherit;
10132	}
10133
10134	.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-container-body.mce-stack-layout {
10135	background: #000;
10136	- border-color: #000 !important;
10137	}
10138
10139	- .mec-admin-dark-mode .attachments-browser .media-toolbar,
10140	- .mec-admin-dark-mode .media-frame-content,
10141	- .mec-admin-dark-mode .media-sidebar,
10142	- .mec-admin-dark-mode .media-modal-content,
10143	- .mec-admin-dark-mode .media-modal-content h1,
10144	- .mec-admin-dark-mode .media-modal-content h2,
10145	- .mec-admin-dark-mode .media-modal-content p {
10146	background: #000;
10147	- color: #~~D2D2D2~~ !important;
10148	- border-color: #282828;
10149	}
10150
10151	- .mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup {
10152	background-color: #000;
10153	- border-color: #282828;
10154	}
10155
10156	- /* ~~Search~~ ~~result~~ — ~~Find~~ results ~~beautiful~~ on dark mode */
10157	- ~~.mec-admin-dark-mode~~ #~~wns-be-content ul li.disable,~~
10158	- .mec-admin-dark-mode #wns-be-content ul li.disable label,
10159	- .mec-admin-dark-mode #wns-be-content .noresults label,
10160	- .mec-admin-dark-mode #wns-be-content .results .results .noresults label {
10161	- color: #666;
10162	}
10163
10164	- .mec-admin-dark-mode #wns-be-content .results label,
10165	- ~~.mec-admin-dark-mode~~ #~~wns-be-content .results .results .results label,~~
10166	- .mec-admin-dark-mode #wns-be-content ul li.enable,
10167	- .mec-admin-dark-mode #wns-be-content ul li.enable label {
10168	- color: #fff;
10169	}
10170
10171	- /* WP ~~TABEL~~ */
10172	- .mec-admin-dark-mode.post-type-mec-books table.widefat,
10173	- .mec-admin-dark-mode.post-type-mec_calendars table.widefat,
10174	- .post-type-mec-events.mec-admin-dark-mode table.widefat {
10175	background: #1f1f1f;
10176	border-color: #353535;
10177	- color: #~~D2D2D2;~~
10178	}
10179
10180	- .mec-admin-dark-mode.post-type-mec-books .striped>tbody>:nth-child(odd),
10181	- .mec-admin-dark-mode.post-type-mec-books ul.striped>:nth-child(odd),
10182	- .mec-admin-dark-mode.post-type-mec_calendars .striped>tbody>:nth-child(odd),
10183	- .mec-admin-dark-mode.post-type-mec_calendars ul.striped>:nth-child(odd),
10184	- .mec-admin-dark-mode.post-type-mec-events .striped>tbody>:nth-child(odd),
10185	- .mec-admin-dark-mode.post-type-mec-events ul.striped>:nth-child(odd) {
10186	background: #282828;
10187	border-color: #353535;
10188	- color: #~~D2D2D2;~~
10189	}
10190
10191	- .mec-admin-dark-mode.post-type-mec-books .widefat td,
10192	- .mec-admin-dark-mode.post-type-mec-books .widefat th,
10193	- .mec-admin-dark-mode.post-type-mec_calendars .widefat td,
10194	- .mec-admin-dark-mode.post-type-mec_calendars .widefat th,
10195	- .mec-admin-dark-mode.post-type-mec-events .widefat td,
10196	- .mec-admin-dark-mode.post-type-mec-events .widefat th {
10197	border-color: #000;
10198	- color: #~~D2D2D2;~~
10199	- }
10200	-
10201	- .mec-admin-dark-mode.post-type-mec_calendars ul#adminmenu a.wp-has-current-submenu:after,
10202	- ~~.mec~~-~~admin~~-~~dark-mode.post-type-mec_calendars~~ ul#~~adminmenu>li.current>a.current:after,~~
10203	- ~~.mec-admin-dark-mode.post-type-mec-events ul#adminmenu a.wp-has-current-submenu:after,~~
10204	- ~~.mec-admin-dark-mode.post-type-mec-events ul#adminmenu>li.current>a.current:after,~~
10205	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings ~~ul#adminmenu~~ a.wp-~~has~~-~~current~~-~~submenu:after,~~
10206	- ~~.mec-admin-dark-mode.m-e-calendar_page_MEC-settings~~ ul#~~adminmenu>li.current>a.current:after {~~
10207	- border-~~right-~~color: #~~1f1f1f~~;
10208	- }
10209	-
10210	- ~~.mec-admin-dark-mode.post-type-mec_calendars .wp-heading-inline+.page-title-action,~~
10211	- .mec-admin-dark-mode.post-type-mec_calendars .button,
10212	- ~~.mec-admin-dark-mode.post-type-mec-events~~ ~~.wp-heading-inline+.page-title-action,~~
10213	- ~~.mec~~-~~admin-dark-mode.post-type-mec-events~~ ~~.button,~~
10214	- ~~.mec-admin-dark-mode.post-type-mec-events~~ ~~.button-secondary,~~
10215	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button,
10216	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button-secondary {
10217	- color: #D2D2D2 !important;
10218	- border-color: #353535 !important;
10219	- background: #000 !important;
10220	- }
10221	-
10222	- .mec-admin-dark-mode.post-type-mec_calendars .button-secondary:hover,
10223	- .mec-admin-dark-mode.post-type-mec_calendars .button.hover,
10224	- .mec-admin-dark-mode.post-type-mec_calendars .button:hover,
10225	- .mec-admin-dark-mode.post-type-mec-events .button-secondary:hover,
10226	- .mec-admin-dark-mode.post-type-mec-events .button.hover,
10227	- .mec-admin-dark-mode.post-type-mec-events .button:hover,
10228	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button-secondary:hover,
10229	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button.hover,
10230	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button:hover {
10231	- background: #000 !important;
10232	- border-color: #333 !important;
10233	- color: #fff !important;
10234	}
10235
10236	.mec-admin-dark-mode.post-type-mec-events .mec-form-row .button:not(.wp-color-result) {
10237	height: 37px;
10238	margin-top: 1px;
10239	- box-shadow: inset 0 2px 4px #282828, inset 0 -2px 4px rgba(0,0,0,.05), 0 2px 2px rgba(0,0,0,.06);
10240	}
10241
10242	- .mec-admin-dark-mode.post-type-mec-events .wp-color-result-text,
10243	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-color-result-text {
10244	border-left: 1px solid #353535;
10245	- color: #~~D2D2D2~~;
10246	- background: #000;
10247	}
10248
10249	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec-search-settings {
10250	- color: #~~D2D2D2~~;
10251	- background: #282828;
10252	}
10253
10254	- .mec-admin-dark-mode.taxonomy-mec_tag .button,
10255	- ~~.mec~~-~~admin~~-~~dark-mode.taxonomy-mec_category~~ ~~.button,~~
10256	- .mec-admin-dark-mode.taxonomy-mec_label .button,
10257	- .mec-admin-dark-mode.taxonomy-mec_location .button,
10258	- .mec-admin-dark-mode.taxonomy-mec_organizer .button,
10259	- .mec-admin-dark-mode.taxonomy-mec_speaker .button {
10260	- box-shadow: 0 3px 10px -4px #000 !important;
10261	}
10262
10263	- .mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option .wn-hover-img-sh img,
10264	- ~~.mec-admin-dark-mode.post-type-mec_calendars .mec-switcher input+label~~:~~after~~ {
10265	- background: #282828;
10266	}
10267
10268	- /* Media Dark Mode */
10269	.mec-admin-dark-mode .media-router .media-menu-item:focus {
10270	- box-shadow: unset;
10271	}
10272
10273	.mec-admin-dark-mode .media-router .media-menu-item {
10274	background: #282828;
10275	- color: #ffff;
10276	}
10277
10278	- .mec-admin-dark-mode .wns-be-group-tab h5,
10279	- ~~.mec-admin-dark-mode .media-router .media-menu-item~~:~~hover~~ {
10280	- color: #d2d2d2;
10281	}
10282
10283	- .mec-admin-dark-mode .media-router .active,
10284	- .mec-admin-dark-mode .media-router .media-menu-item.active:last-child {
10285	background: #000;
10286	color: #666;
10287	- border-color: #282828;
10288	}
10289
10290	- .mec-admin-dark-mode .attachment-info,
10291	- ~~.mec~~-~~admin-dark-mode~~ ~~.media-frame-toolbar .media-toolbar {~~
10292	- border-color: #282828;
10293	}
10294
10295	- .mec-admin-dark-mode .wp-core-ui .attachment-preview,
10296	- ~~.mec-admin-dark-mode.post-type-mec-events .button~~:~~hover~~ {
10297	- background: #000 !important;
10298	}
10299
10300	- /* ~~Fix~~ ~~Dark~~ ~~Mode*/~~
10301	- ~~.mec-admin-dark-mode~~ ~~.ac_match,~~
10302	- .mec-admin-dark-mode .subsubsub a.current {
10303	- color: #d2d2d2;
10304	}
10305
10306	- .mec-admin-dark-mode .mce-content-body {
10307	- background-color: #000 !important;
10308	}
10309
10310	.mec-admin-dark-mode .w-box.upcoming-events .mec-event-article {
10311	- border-bottom: 1px solid #444;
10312	- }
10313	-
10314	- .mec-admin-dark-mode .mec-form-row label,
10315	- ~~.mec-admin-dark-mode~~ ~~.mec-form-row span,~~
10316	- .mec-admin-dark-mode .misc-pub-section,
10317	- .mec-admin-dark-mode .mec-meta-box-fields h4,
10318	- .mec-admin-dark-mode .mec-meta-box-fields label,
10319	- .mec-admin-dark-mode .mec-meta-box-fields p,
10320	- .mec-admin-dark-mode .mec-meta-box-fields span,
10321	- .mec-admin-dark-mode .mec-meta-box-fields strong,
10322	- .mec-admin-dark-mode .extra .w-box-head,
10323	- .mec-admin-dark-mode .mec-new-addons .mec-addons-notification-title,
10324	- .mec-admin-dark-mode .mec-new-addons p,
10325	- .mec-admin-dark-mode .w-box-content p,
10326	- .mec-admin-dark-mode .mec-new-addons strong,
10327	- .mec-admin-dark-mode #webnus-dashboard a,
10328	- .mec-admin-dark-mode .w-box.doc,
10329	- .mec-admin-dark-mode #webnus-dashboard pre,
10330	- .mec-admin-dark-mode .w-box.total-bookings ul li,
10331	- .mec-admin-dark-mode .w-box.total-bookings ul li a,
10332	- .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_field_types button,
10333	- .mec-admin-dark-mode .wns-be-sidebar .mec-settings-menu .mec-settings-submenu a,
10334	- .mec-admin-dark-mode .mec-addons-notification-box-content.mec-new-addons a {
10335	- color: #999 !important;
10336	}
10337
10338	.mec-admin-dark-mode #webnus-dashboard .mec-event-detail {
10339	- color: #444;
10340	}
10341
10342	- .mec-admin-dark-mode .postbox-header,
10343	- ~~.mec~~-~~admin-dark-mode~~ #~~webnus-dashboard .mec-intro-section .mec-intro-section-link-tag {~~
10344	- border-color: #2d2d2d;
10345	}
10346
10347	- .mec-admin-dark-mode .w-box.total-bookings ul li,
10348	- .mec-admin-dark-mode .mec-addons-notification-box-content.mec-new-addons a {
10349	background: #333;
10350	- box-shadow: 0 2px 3px -2px #000;
10351	}
10352
10353	- .mec-admin-dark-mode .w-box.total-bookings ul li:hover,
10354	- ~~.mec-admin-dark-mode .mec-addons-notification-box-content.mec-new-addons a~~:~~hover~~ {
10355	- background: #000;
10356	}
10357
10358	- .mec-admin-dark-mode #webnus-dashboard .total-bookings input[type=text],
10359	- .mec-admin-dark-mode #webnus-dashboard .total-bookings select {
10360	background: #000;
10361	color: #999;
10362	- border-color: #~~111111;~~
10363	- }
10364	-
10365	- .mec-admin-dark-mode.post-type-mec-events .wp-list-table .row-title,
10366	- .mec-admin-dark-mode.post-type-mec_calendars .wp-list-table .row-title,
10367	- .mec-admin-dark-mode.post-type-mec-events .wp-list-table .row-title,
10368	- .mec-admin-dark-mode #sample-permalink a,
10369	- .mec-admin-dark-mode .button-link,
10370	- .mec-admin-dark-mode #set-post-thumbnail,
10371	- .mec-admin-dark-mode .category-tabs a,
10372	- .mec-admin-dark-mode #mec_category-add-toggle,
10373	- .mec-admin-dark-mode .misc-pub-section a {
10374	- color: #888 !important;
10375	- }
10376	-
10377	- .mec-admin-dark-mode.post-type-mec-events .wp-list-table .row-title:hover,
10378	- .mec-admin-dark-mode.post-type-mec_calendars .wp-list-table .row-title:hover,
10379	- .mec-admin-dark-mode.post-type-mec-events .wp-list-table .row-title:hover,
10380	- .mec-admin-dark-mode #sample-permalink a:hover,
10381	- .mec-admin-dark-mode .button-link:hover,
10382	- .mec-admin-dark-mode #set-post-thumbnail:hover,
10383	- .mec-admin-dark-mode .category-tabs a:hover,
10384	- .mec-admin-dark-mode #mec_category-add-toggle:hover,
10385	- .mec-admin-dark-mode .misc-pub-section a:hover {
10386	- color: #a9a9a9 !important;
10387	- }
10388	-
10389	- .mec-admin-dark-mode #TB_title,
10390	- .mec-admin-dark-mode #TB_window {
10391	- background: #000;
10392	}
10393
10394	- .mec-admin-dark-mode .~~webnus~~-~~icons~~-list ~~li:hover~~ {
10395	- ~~background~~: #~~111;~~
















10396	}
10397
10398	.mec-admin-dark-mode #TB_window i {
10399	- color: #999;




10400	}
10401
10402	- .mec-admin-dark-mode ~~#TB_title,~~
10403	- ~~.mec-admin-dark-mode~~ ~~.webnus-icons-list li label {~~
10404	- border: unset ~~!important~~;

10405	}
10406
10407	- /* MEC Booking Attendees Hover Box - Attendees Tooltip */
10408	.post-type-mec-books .attendees .mec-booking-attendees-tooltip {
10409	- position: relative;
10410	}
10411
10412	.post-type-mec-books .attendees strong {
10413	line-height: 26px;
10414	- padding-left: 26px;
10415	}
10416
10417	.post-type-mec-books .attendees .mec-booking-attendees-tooltip:before {
	@@ -10424,7 +9923,7 @@ div#mec_meta_box_date_form .mec-form-row {
10424	font-size: 18px;
10425	line-height: 12px;
10426	color: #40d9f1;
10427	- padding: 0 60px 5px 0;
10428	}
10429
10430	.pos


21	}
22
23	.mec-send-email-button {
24	+ background: #008aff;
25	+ color: #fff;
26	width: 100%;
27	display: block;
28	text-align: center;
29	font-size: 20px;
30	+ padding: 10px 0;
31	margin-top: 18px;
32	+ font-weight: 700;
33	border-radius: 4px;
34	+ cursor: pointer
35	}
36
37	.mec-send-email-button:hover {
38	+ opacity: .9
39	}
40
41	.mec-event-color-container,.mec-event-title-container {

67	}
68
69	.wns-be-container {
70	+ max-width: 1020px;
71	+ background-color: #f7f8f9;
72	+ background-repeat: repeat-x;
73	+ border: 1px solid #dcdfe1;
74	+ border-radius: 7px;


75	overflow: hidden;
76	+ margin: 25px 0;
77	+ overflow: hidden;
78	+ box-shadow: 0 1px 4px rgb(0 0 0 / 1%);
79	+ font-family: Overpass,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif
80	}
81
82	.wns-be-sidebar {

87
88	.wns-be-sidebar ul.wns-be-group-menu,.wns-be-sidebar ul.wns-be-group-menu li {
89	list-style: none;
90	+ margin: 0;
91	+ transition: all .2s ease
92	}
93
94	.wns-be-sidebar .wns-be-group-menu li a {

96	position: relative;
97	outline: 0;
98	padding: 13px 4px 13px 20px;
99	+ background: #e3e5e7;
100	background: 0 0;
101	border: none;
102	color: #3f454a;
103	+ font-size: 14px;
104	font-weight: 600;
105	text-decoration: none;
106	+ transition: all 0.2s ease

107	}
108
109	+ .wns-be-sidebar .wns-be-group-menu>li:hover>a {
110	+ color: #07bbe9;
111	background: #fff;

112	opacity: 1
113	}
114






115	.wns-be-sidebar .wns-be-group-menu>li.active>a {
116	+ text-shadow: none;
117	+ background: #ecf9fd;
118	+ color: #07bbe9;
119	+ border-top: 1px solid #ccecf4
120	}
121
122	+ .wns-be-sidebar .wns-be-group-menu>li:first-child>a {
123	border-top: none
124	}
125
126	.wns-be-main {
127	background: #fff;
128	margin-left: 260px;
129	+ border-left: 1px solid #e6e9eb;
130	padding-bottom: 84px;
131	box-shadow: inset 0 1px 0 #fff;
132	+ min-height: 1040px;
133	+ position: relative;
134	+ z-index: 2
135	}
136
137	.wns-be-main .wns-saved-settings {

165	}
166
167	.wns-be-container .dpr-btn.dpr-save-btn {
168	+ display: inline-block;
169	+ text-decoration: none;
170	+ padding: 0 16px;
171	+ height: 36px;
172	+ line-height: 37px;
173	font-weight: 500;
174	+ font-size: 14px;
175	+ border-radius: 20px;
176	+ box-shadow: 0 1px 2px rgb(0 0 0 / 2%);
177	text-shadow: none;
178	+ margin-right: 5px;
179	+ background: #fff;
180	+ color: #0ec3f3;
181	+ border: 1px solid #d1e5ec;
182	+ letter-spacing: .2px;
183	+ transition: .24s all ease
184	+ }
185	+
186	+ .wns-be-container .dpr-btn.dpr-save-btn {
187	+ box-shadow: 0 0 0 4px #e4ffe6;
188	+ text-shadow: none;
189	+ margin-right: 5px;
190	+ background: #64e385;
191	+ color: #fff;
192	border: none;
193	+ cursor: pointer;
194	+ padding: 2px 22px;
195	}
196
197	.wns-be-container .dpr-btn.dpr-save-btn:hover {
198	+ box-shadow: 0 0 0 4px rgb(0 0 0 / 10%);
199	+ background: #4d5051;
200	+ border-color: #4d5051;

201	}
202
203	.wns-be-container .wns-be-group-tab h2,.wns-be-container .wns-be-group-tab h4 {
204	+ margin-bottom: 27px;
205	+ margin-top: 0;
206	+ padding: 12px 15px 12px 15px;

207	font-size: 21px;
208	+ line-height: 27px;
209	+ letter-spacing: -.4px;
210	font-weight: 700;
211	position: relative
212	}
213
214	+ .wns-be-container .wns-be-group-tab h4,.wns-be-container .wns-be-group-tab h5 {
215	+ margin-left: 5px
216	}
217
218	.wns-be-container .wns-be-group-tab h2:before,.wns-be-container .wns-be-group-tab h4:before {

220	width: 4px;
221	height: 16px;
222	margin-right: 5px;
223	+ background-color: #07bbe9;
224	display: block;
225	position: absolute;
226	left: 0;
227	+ top: 17px
228	}
229
230	+ .wns-be-container .wns-be-group-tab h5 {
231	+ font-size: 15px;
232	+ font-weight: 600;
233	}
234
235	+ .wns-be-group-tab #booking_form_option h5 {
236	+ font-size: 16px;
237	+ font-weight: 400;
238	+ margin: 35px 5px 10px;


239	}
240
241	.wns-be-container .wns-be-group-tab p {
242	+ font-size: 12px;
243	+ color: #8d9599;
244	+ font-weight: 400



245	}
246
247	.wns-be-sidebar .wns-be-group-tab-link-a span {

249	}
250
251	.wns-be-sidebar .wns-be-group-tab-link-a span.wns-be-group-menu-title {
252	+ padding-left: 24px;
253	+ padding-top: 1px;
254	+ font-size: 14px;
255	+ font-weight: 600
256	}
257
258	.wns-be-sidebar li.active ul.subsection {
259	padding-top: 8px;
260	padding-bottom: 12px;
261	background: #fff;
262	+ border-bottom: 1px solid #e6e9eb;
263	margin: 0
264	}
265
266	.wns-be-sidebar li .subsection a {
267	background: #fff;
268	+ color: #686f73;
269	opacity: 1;
270	+ font-size: 13px;
271	+ font-weight: 400;
272	+ cursor: pointer;
273	+ padding: 8px 4px 8px 46px
274	}
275
276	.wns-be-sidebar li .subsection a:hover {
277	+ background: #fafafa;
278	+ color: #242525
279	+ }
280	+
281	+ .wns-be-container li a:active,.wns-be-container li a:focus {
282	+ outline: 0;
283	+ box-shadow: none
284	}
285
286	.wns-be-sidebar .wns-be-group-menu li .subsection li.active a {
287	+ color: #00b0dd;
288	+ position: relative;
289	+ z-index: 9999
290	}
291
292	.wns-be-sidebar .wns-be-group-menu li .subsection li.active a:after,.wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
293	position: absolute;
294	+ z-index: 9999;
295	content: " ";
296	height: 0;
297	width: 0;
298	+ border: 8px solid transparent;
299	border-right-color: #fff;
300	right: -1px;
301	+ top: 8px
302	}
303
304	.wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
305	+ border-right-color: #d7d8d9;
306	right: 0
307	}
308
309	.wns-be-sidebar li a i {
310	color: #a0abb5;
311	vertical-align: middle;
312	+ font-size: 16px;
313	position: absolute;
314	+ margin-top: 2px

315	}
316
317	+ .wns-be-sidebar .wns-be-group-menu li.active>a i,
318	+ .wns-be-sidebar .wns-be-group-menu li:hover>a i {
319	+ color: #07bbe9
320	}
321
322	.wns-be-sidebar .has-sub span.extra-icon {

366
367	.wns-be-container #wns-be-infobar {
368	background: #fff;
369	+ border-bottom: 1px solid #e6e9eb;
370	padding: 20px;
371	text-align: right;
372	box-shadow: inset 0 1px 0 #fcfcfc;

374	box-sizing: border-box;
375	-moz-box-sizing: border-box;
376	-webkit-box-sizing: border-box;
377	+ position: relative;
378	}
379
380	.wns-be-container #wns-be-infobar:before {

386	left: 0;
387	top: 0;
388	background: #fff url(../img/webnus-logo.png) no-repeat center;
389	+ border-bottom: 1px solid #e6e9eb;
390	+ background-size: 195px;
391	z-index: 997
392	}
393

409	text-shadow: 0 1px 0 rgba(255,255,255,.5)
410	}
411
412	+ .wns-be-container #mec_styling_form .button,.wns-be-container #mec_styling_form .button-secondary {
413	+ border-color: #d1e5ec;
414	+ background: #fff;
415	+ vertical-align: top;
416	+ box-shadow: 0 3px 10px -1px rgb(0 0 0 / 2%);
417	+ transition: all .2s ease
418	+ }
419	+
420	+ .wns-be-container .wp-color-result-text {
421	+ border-color: #d1e5ec;
422	+ padding-toxp: 3px
423	+ }
424	+
425	+ .wns-be-container #mec_styling_form .button-secondary:hover,.wns-be-container #mec_styling_form .button.hover,.wns-be-container #mec_styling_form .button:hover {
426	+ background: #f0f9fc;
427	+ border-color: #d1e5ec
428	+ }
429	+
430	+ .wns-be-container #mec_styling_form .wp-color-result:hover {
431	+ background: #f0f9fc
432	+ }
433	+
434	+ @media (max-width: 1280px) {
435	+ .wns-be-container {
436	+ width:98%
437	+ }
438	+
439	+ .wns-be-container #wns-be-content {
440	+ padding: 5px 20px 20px
441	}
442
443	.wns-be-sidebar li .subsection a {
444	+ padding-left: 24px
445	}
446
447	.wns-be-main {
448	+ margin-left: 210px
449	}
450
451	+ .wns-be-sidebar {
452	+ width: 210px
453	+ }
454	+
455	+ .mec-form-row .mec-col-8 label,.mec-form-row .mec-col-9 label {
456	+ padding-right: 14px
457	}
458
459	.wns-be-container #wns-be-content {
460	+ padding: 5px 10px 0
461	+ }
462	+
463	+ .mec-container {
464	+ padding: 8px
465	+ }
466	+ }
467	+
468	+ @media (max-width: 1024px) {
469	+ .wns-be-main .mec-form-row .mec-col-3 {
470	+ min-width:200px
471	+ }
472	+
473	+ .wns-be-main .mec-form-row .mec-col-9 {
474	+ width: calc(100% - 210px)
475	+ }
476	+ }
477	+
478	+ @media (max-width: 860px) {
479	+ .wns-be-main .mec-form-row .mec-col-3 {
480	+ max-width:100%!important;
481	+ width: 100%!important;
482	+ margin-bottom: 10px!important
483	+ }
484	+
485	+ .wns-be-main .mec-form-row .mec-col-9 {
486	+ width: 100%!important
487	}
488
489	.mec-container {
490	+ padding-left: 0!important
491	+ }
492	+
493	+ .wns-be-container #wns-be-infobar:before {
494	+ display: none
495	+ }
496	+
497	+ .mec-search-settings-wrap {
498	+ margin-top: 0!important
499	+ }
500	+
501	+ #wns-be-infobar.sticky {
502	+ top: 0!important
503	+ }
504	+
505	+ #mec-search-settings {
506	+ margin-bottom: 10px!important
507	}
508	}
509
510	+ @media (max-width: 640px) {
511	+ .wns-be-sidebar {
512	+ width:150px
513	+ }
514
515	+ .wns-be-main {
516	+ margin-left: 150px
517	+ }
518	+ }
519	+
520	+ @media(max-width: 480px) {
521	a.dpr-btn.dpr-save-btn {
522	+ display:block!important;
523	+ text-align: center!important;
524	+ margin-top: 20px!important
525	}
526
527	.mec-search-settings-wrap {
528	+ text-align: center!important;
529	+ display: block!important

530	}
531
532	#mec-search-settings {
533	+ margin: 0!important;
534	+ width: 100%!important
535	}
536	+
537	.wns-be-container #wns-be-infobar {
538	+ height: auto!important
539	+ }
540	+
541	+ .wns-be-container .wns-be-sidebar {
542	+ width: 100%;
543	+ position: unset;
544	+ float: none
545	+ }
546	+
547	+ .wns-be-container .wns-be-main {
548	+ margin-left: 0;
549	+ width: 100%;
550	+ position: unset
551	+ }
552	+
553	+ .wns-be-container {
554	+ margin-top: 50px
555	+ }
556	+
557	+ .wns-be-container #wns-be-infobar:before {
558	+ width: 100%
559	+ }
560	+
561	+ .wns-be-container #wns-be-infobar {
562	+ height: 150px
563	}

564
565	+ #mec-search-settings {
566	+ margin-top: 80px;
567	+ width: 181px
568	+ }
569	+ }
570
571	body.post-type-mec-events th.column-primary {
572	width: 35%

657	.mec-tooltip .dashicons-before:before {
658	font-size: 24px;
659	color: #40d9f1;
660	+ line-height: 37px
661	}
662
663	.mec-tooltip a:focus {

795	position: relative;
796	min-height: 1px;
797	padding: 0;
798	+ margin: 0
799	}
800
801	@media (min-width: 783px) {

852	}
853	}
854
855	+ #mec-occurrences .mec-occurrences-list,#mec_bfixed_form_fields,#mec_event_form_fields,#mec_reg_form_fields {
856	+ background: #f7f8f9;
857	+ padding: 20px;
858	+ margin: 0 0 20px 0;
859	+ border-radius: 3px;
860	+ min-height: 150px;
861	+ border: 2px dashed #dcdee0;
862	}
863
864	+ #mec-occurrences .mec-occurrences-list li,#mec_bfixed_form_fields li,#mec_event_form_fields li,#mec_reg_form_fields li {
865	+ margin: 4px 10px;
866	+ border-radius: 3px 11px 3px 3px;
867	+ padding: 10px 20px 15px;



868	background: #fff;
869	position: relative;
870	+ transition: all .3s ease;
871	+ border: 1px solid #f1f3f5;
872	+ box-shadow: 0 1px 5px rgb(0 0 0 / 2%);
873	}
874
875	+ #mec_bfixed_form_fields li ul,#mec_event_form_fields li ul,#mec_reg_form_fields li ul {



876	padding-top: 15px;
877	padding-bottom: 15px;
878	margin: 1px
879	}
880
881	+ #mec_bfixed_form_fields li ul li,#mec_event_form_fields li ul li,#mec_reg_form_fields li ul li {


882	padding: 7px 30px 7px 46px
883	}
884
885	+ #mec_bfixed_form_fields span.mec_event_field_type,#mec_event_form_fields span.mec_event_field_type,#mec_reg_form_fields span.mec_reg_field_type, #mec_bfixed_form_fields span.mec_bfixed_field_type {
886	+ font-size: 12px;


887	font-weight: 600;
888	+ color: #07bbe9;
889	+ text-transform: capitalize;
890	+ letter-spacing: 0.3px;
891	+ padding-left: 20px;
892	+ }
893	+
894	+ #mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button,#mec_bfixed_form_fields span.mec_bfixed_field_option_sort,#mec_bfixed_form_fields span.mec_bfixed_field_remove,#mec_bfixed_form_fields span.mec_bfixed_field_sort,#mec_event_form_fields span.mec_event_field_option_sort,#mec_event_form_fields span.mec_event_field_remove,#mec_event_form_fields span.mec_event_field_sort,#mec_reg_form_fields span.mec_reg_field_option_sort,#mec_reg_form_fields span.mec_reg_field_remove,#mec_reg_form_fields span.mec_reg_field_sort {








895	font-size: 0;
896	color: #fff
897	}
898
899	+ #mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button,#mec_bfixed_form_fields span.mec_bfixed_field_remove,#mec_event_form_fields span.mec_event_field_remove,#mec_reg_form_fields span.mec_reg_field_remove {



900	position: absolute;
901	+ right: -15px;
902	+ top: -8px;
903	+ background: #fff;
904	}
905
906	+ #mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button:before,#mec_bfixed_form_fields span.mec_bfixed_field_option_sort:before,#mec_bfixed_form_fields span.mec_bfixed_field_remove:before,#mec_bfixed_form_fields span.mec_bfixed_field_sort:before,#mec_event_form_fields span.mec_event_field_option_sort:before,#mec_event_form_fields span.mec_event_field_remove:before,#mec_event_form_fields span.mec_event_field_sort:before,#mec_reg_form_fields span.mec_reg_field_option_sort:before,#mec_reg_form_fields span.mec_reg_field_remove:before,#mec_reg_form_fields span.mec_reg_field_sort:before {









907	position: absolute;
908	+ left: 20px;
909	+ top: 10px;
910	width: 80px;
911	height: 20px;
912	display: block;
913	cursor: move;
914	font-family: simple-line-icons;
915	content: "\e023";
916	+ font-size: 15px;
917	+ color: #07bbe9;
918	}
919
920	#mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button:before {
921	+ font-weight: 400
922	}
923
924	+ #mec-occurrences .mec-occurrences-list .mec-occurrences-delete-button:before,#mec_bfixed_form_fields span.mec_bfixed_field_remove:before,#mec_event_form_fields span.mec_event_field_remove:before,#mec_reg_form_fields span.mec_reg_field_remove:before {



925	content: "\e082";
926	width: 20px;
927	height: 20px;
928	left: auto;
929	right: 15px;
930	color: #f96666;
931	+ cursor: pointer;
932	+ font-size: 18px;
933	}
934
935	+ #mec_bfixed_form_fields span.mec_bfixed_field_option_sort:before,#mec_event_form_fields span.mec_event_field_option_sort:before,#mec_reg_form_fields span.mec_reg_field_option_sort:before {


936	font-size: 13px;
937	+ left: 15px;
938	+ top: 25px;
939	+ width: 15px;
940	+ height: 15px;








941	}
942
943	+ #mec_bfixed_form_fields p.mec_bfixed_field_options,#mec_event_form_fields p.mec_event_field_options,#mec_reg_form_fields p.mec_reg_field_options {
944	+ margin: 12px 0 8px;


945	}
946
947	+ #mec_bfixed_form_fields input[type=number],#mec_bfixed_form_fields input[type=text],#mec_bfixed_form_fields select,#mec_bfixed_form_fields textarea,#mec_event_form_fields input[type=number],#mec_event_form_fields input[type=text],#mec_event_form_fields select,#mec_event_form_fields textarea,#mec_reg_form_fields input[type=number],#mec_reg_form_fields input[type=text],#mec_reg_form_fields select,#mec_reg_form_fields textarea {


948	min-width: 260px;
949	min-height: 34px;
950	margin-bottom: 7px;
951	margin-top: 7px
952	}
953
954	+ #mec_bfixed_form_fields textarea,#mec_event_form_fields textarea,#mec_reg_form_fields textarea {


955	min-height: 66px
956	}
957
958	+ #mec_bfixed_form_field_types button,#mec_bfixed_form_fields button,#mec_event_form_field_types button,#mec_event_form_fields button,#mec_reg_form_field_types button,#mec_reg_form_fields button {


959	position: relative;
960	outline: 0;
961	background: #fff;
962	+ border: 1px solid #e6e9eb;
963	border-radius: 50px;
964	+ padding: 11px 21px 10px 31px;
965	line-height: 1;
966	+ font-size: 12px;
967	font-weight: 600;
968	+ color: #07bbe9;
969	+ letter-spacing: 0.4px;
970	height: auto;
971	cursor: pointer;
972	margin-top: 5px;
973	+ text-transform: capitalize;
974	+ box-shadow: 0 0 3px rgba(0,0,0,.03);
975	}
976
977	+ #mec_bfixed_form_field_types button:hover,#mec_bfixed_form_fields button:hover,#mec_event_form_field_types button:hover,#mec_event_form_fields button:hover,#mec_reg_form_field_types button:hover,#mec_reg_form_fields button:hover {
978	+ border-color: #07bbe9;


979	box-shadow: 0 0 7px rgba(0,0,0,.1)
980	}
981
982	+ #mec_bfixed_form_field_types button:before,#mec_bfixed_form_fields button:before,#mec_event_form_field_types button:before,#mec_event_form_fields button:before,#mec_reg_form_field_types button:before,#mec_reg_form_fields button:before {


983	position: absolute;
984	+ left: 10px;
985	+ color: #07bbe9;
986	content: "\e095";
987	font-family: simple-line-icons;
988	font-size: 13px;
989	+ display: inline-block;
990	+ top: 10px;
991	}
992
993	+ #mec_bfixed_form_field_types button.red:hover,#mec_bfixed_form_fields button.red:hover,#mec_event_form_field_types button.red:hover,#mec_event_form_fields button.red:hover,#mec_reg_form_field_types button.red:hover,#mec_reg_form_fields button.red:hover {
994	+ border-color: #ea6485;


995	box-shadow: 0 0 7px rgba(0,0,0,.1)
996	}
997
998	+ #mec_bfixed_form_field_types button.red:before,#mec_bfixed_form_fields button.red:before,#mec_event_form_field_types button.red:before,#mec_event_form_fields button.red:before,#mec_reg_form_field_types button.red:before,#mec_reg_form_fields button.red:before {


999	position: absolute;
1000	left: 12px;
1001	+ color: #ea6485;
1002	content: "\e095";
1003	font-family: simple-line-icons;
1004	font-size: 13px;
1005	display: inline-block
1006	}
1007
1008	+ #mec_bfixed_form_fields .mec_bfixed_notification_placeholder,#mec_event_form_fields .mec_event_notification_placeholder {

1009	padding: 2px;
1010	display: block;
1011	+ margin: 10px 0 20px
1012	}
1013
1014	@media (max-width: 768px) {
1015	+ #mec_bfixed_form_fields input[type=number],#mec_bfixed_form_fields input[type=text],#mec_bfixed_form_fields select,#mec_bfixed_form_fields textarea,#mec_event_form_fields input[type=number],#mec_event_form_fields input[type=text],#mec_event_form_fields select,#mec_event_form_fields textarea,#mec_reg_form_fields input[type=number],#mec_reg_form_fields input[type=text],#mec_reg_form_fields select,#mec_reg_form_fields textarea {


1016	min-width:80px;
1017	width: 100%
1018	}
1019	}
1020

1021	.mec-form-row {
1022	+ padding: 5px 5px 35px
1023	+ }
1024	+
1025	+ .wns-be-main .mec-form-row {
1026	+ padding: 5px 5px 20px
1027	+ }
1028	+
1029	+ #taxes_option #mec_fees_list .mec-form-row,#ticket_variations_option #mec_ticket_variations_list .mec-form-row {
1030	+ padding: 10px
1031	+ }
1032	+
1033	+ .post-type-mec-events .mec-form-row {
1034	+ padding: 0 0 20px 0
1035	+ }
1036	+
1037	+ .mec-form-row .mec-col-3 {
1038	+ margin: 0;
1039	+ padding-right: 10px
1040	+ }
1041	+
1042	+ .mec-form-row label.mec-col-3 {
1043	+ cursor: default
1044	+ }
1045	+
1046	+ .wns-be-main .mec-form-row .mec-col-3 {
1047	+ min-width: 290px;
1048	+ padding: 0;
1049	+ margin: 0
1050	+ }
1051	+
1052	+ .wns-be-main .mec-form-row .mec-col-9 {
1053	+ width: calc(100% - 290px);
1054	+ float: right
1055	+ }
1056	+
1057	+ .mec-form-row .mec-col-9 .mec-box {
1058	+ position: relative;
1059	+ border: 1px solid #e6e9eb;
1060	+ padding: 0 0 20px 0;
1061	+ margin: 0;
1062	+ background: #fff;
1063	+ max-width: 80%;
1064	+ border-radius: 2px;
1065	+ box-shadow: 0 1px 4px rgba(0,0,0,.02)
1066	+ }
1067	+
1068	+ .mec-form-row .mec-col-9 .mec-box label {
1069	+ display: block;
1070	+ padding: 20px 20px 4px
1071	+ }
1072	+
1073	+ .mec-form-row .mec-col-9 .mec-box .mec-tooltip {
1074	+ position: absolute;
1075	+ display: block;
1076	+ width: fit-content;
1077	+ left: auto;
1078	+ right: 20px;
1079	+ bottom: 20px
1080	+ }
1081	+
1082	+ #booking_option .mec-form-row .mec-col-8 {
1083	+ margin: 0
1084	}
1085
1086	.mec-options-fields {
1087	padding-top: 25px;
1088	overflow: hidden;
1089	+ animation: fadeEffect .31s
1090	}
1091
1092	#mec_booking_form .mec-options-fields,#mec_modules_form .mec-options-fields,#mec_notifications_form .mec-options-fields,#mec_settings_form .mec-options-fields,#mec_single_form .mec-options-fields {

1105
1106	to {
1107	opacity: 1;
1108	+ margin-left: 0
1109	}
1110	}
1111

1118	clear: both
1119	}
1120
1121	+ .mec-form-row input[type=number],.mec-form-row input[type=text],.mec-form-row input[type=url],.mec-form-row select,.mec-form-row textarea {




1122	height: 38px;
1123	box-sizing: border-box;
1124	margin-bottom: 8px;
1125	padding: 0 6px;
1126	box-shadow: none;
1127	border-radius: 2px;
1128	+ box-shadow: inset 0 1px 5px rgba(0,0,0,.05);
1129	+ margin: 0 1% 0 0
1130	+ }
1131	+
1132	+ #mec-notifications .mec-form-row .mec-form-row input[type=text],#mec-notifications .mec-form-row .mec-form-row input[type=url],#mec-notifications .mec-form-row .mec-form-row select,#mec-notifications .mec-form-row .mec-form-row textarea,#mec-notifications .mec-form-row input[type=number] {
1133	+ width: 100%;
1134	+ max-width: 290px
1135	+ }
1136	+
1137	+ #mec_location_new_container .mec-form-row input[type=text],#mec_organizer_new_container .mec-form-row input[type=text] {
1138	+ min-width: 200px
1139	+ }
1140	+
1141	+ #mec-notifications .mec-form-row .mec-form-row textarea {
1142	+ max-width: 100%
1143	+ }
1144	+
1145	+ .wns-be-main .mec-form-row input[type=number],.wns-be-main .mec-form-row input[type=text],.wns-be-main .mec-form-row input[type=url],.wns-be-main .mec-form-row select,.wns-be-main .mec-form-row textarea {
1146	+ width: 100%;
1147	+ max-width: 290px;
1148	+ margin-left: -1px;
1149	+ margin-right: -1px;
1150	+ margin-bottom: 10px
1151	+ }
1152	+
1153	+ .wns-be-main .mec-form-row .wp-editor-area {
1154	+ max-width: 100%;
1155	+ background: #fff;
1156	+ margin: 0
1157	+ }
1158	+
1159	+ #mec_bfixed_form_fields input[type=number],#mec_bfixed_form_fields input[type=text],#mec_bfixed_form_fields select,#mec_bfixed_form_fields textarea,#mec_event_form_fields input[type=number],#mec_event_form_fields input[type=text],#mec_event_form_fields select,#mec_event_form_fields textarea,#mec_reg_form_fields input[type=number],#mec_reg_form_fields input[type=text],#mec_reg_form_fields select,#mec_reg_form_fields textarea,.select2-container--default .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple,.wns-be-main .mec-form-row input[type=email],.wns-be-main .mec-form-row input[type=number],.wns-be-main .mec-form-row input[type=password],.wns-be-main .mec-form-row input[type=search],.wns-be-main .mec-form-row input[type=text],.wns-be-main .mec-form-row input[type=url],.wns-be-main .mec-form-row select {
1160	+ border-radius: 5px;
1161	+ min-height: 34px;
1162	+ border: none;
1163	+ background-color: #f7f8f9;
1164	+ box-shadow: inset 0 1px 2px rgb(0 0 0 / 7%)
1165	+ }
1166	+
1167	+ .select2-container--default .select2-selection--multiple {
1168	+ line-height: 17px
1169	+ }
1170	+
1171	+ .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
1172	+ margin-bottom: 0
1173	+ }
1174	+
1175	+ .post-type-mec-events .mec-add-event-tabs-wrap .select2-container,
1176	+ .post-type-mec-events .mec-create-shortcode-tab-content .select2-container {
1177	+ border: none;
1178	+ background-color: #f7f8f9;
1179	+ border-radius: 5px;
1180	+ height: 38px;
1181	+ line-height: 38px;
1182	+ padding-left: 10px;
1183	+ box-shadow: inset 0 1px 2px rgb(0 0 0 / 7%);
1184	+ }
1185	+
1186	+ .post-type-mec-events .select2-dropdown {
1187	+ border: 1px solid #ddd !important;
1188	+ }
1189	+
1190	+ .post-type-mec-events .select2-container--default .select2-selection--single .select2-selection__rendered {
1191	+ padding-left: 0;
1192	+ }
1193	+
1194	+ .wns-be-main .mec-form-row input[type=search] {
1195	+ line-height: 2!important
1196	+ }
1197	+
1198	+ .wns-be-main .mec-form-row .select2-container {
1199	+ width: 100%!important;
1200	+ max-width: 290px!important
1201	+ }
1202	+
1203	+ .wns-be-main #mec_messages_form_container input[type=text] {
1204	+ max-width: 100%
1205	}
1206
1207	.mec-form-row input[type=radio] {
1208	+ margin: 0 6px 0 0
1209	}
1210
1211	.mec-form-row select {
1212	margin-top: 1px
1213	}
1214

1215	.mec-form-row select {
1216	+ min-width: 80px
1217	+ }
1218	+
1219	+ .cancellation-period-box {
1220	+ max-width: 290px
1221	+ }
1222	+
1223	+ .mec-form-row .cancellation-period-box input[type=number] {
1224	+ width: 48%
1225	+ }
1226	+
1227	+ .mec-form-row .cancellation-period-box input[type=number]:first-child {
1228	+ margin-right: calc(2% + 4px)
1229	}
1230
1231	#mec_meta_box_repeat_form .mec-form-row select {
1232	+ min-width: 65px
1233	}
1234
1235	.ui-datepicker select {
1236	+ min-width: 60px
1237	}
1238
1239	#mec_styles_CSS {
1240	+ max-width: 100%
1241	}
1242
1243	.mec-book-status-form select {

1248	}
1249
1250	.mec-form-row label {
1251	+ vertical-align: top;
1252	+ text-align: left;
1253	+ margin-top: 0;
1254	+ margin-bottom: 0;
1255	+ line-height: 1;
1256	+ font-weight: 600;
1257	+ padding-top: 10px;
1258	+ }
1259	+
1260	+ #mec_reg_form_fields label,
1261	+ #mec_reg_form_fields p.description {
1262	+ display: block;
1263	+ }
1264	+
1265	+ .mec-form-row label.mec-col-2,.mec-form-row label.mec-col-4 {
1266	+ padding-top: 10px
1267	}
1268
1269	#mec-event-data .mec-form-row label {
1270	margin: 10px 0;
1271	+ display: block
1272	}
1273
1274	+ #mec_bfixed_form_fields input[type=checkbox],#mec_reg_form_fields input[type=checkbox],.mec-form-row input[type=checkbox],.mec-form-row input[type=radio] {
1275	+ width: 22px;
1276	+ height: 22px;
1277	+ min-height: 0;
1278	+ background: #f7f8f9;
1279	+ border: none;
1280	+ box-shadow: inset 0 1px 2px rgb(0 0 0 / 7%)


1281	}
1282
1283	+ #mec_bfixed_form_fields input[type=checkbox]:checked,#mec_reg_form_fields input[type=checkbox]:checked,.mec-form-row input[type=checkbox]:checked,.mec-form-row input[type=radio]:checked {
1284	+ background: #fff;
1285	+ border-color: #a8daf1;
1286	+ border: 1px solid #a8daf1;
1287	+ color: #4ec3f1;
1288	+ box-shadow: 0 1px 10px -2px #daeef5
1289	}
1290
1291	+ #mec_bfixed_form_fields input[type=checkbox]:checked:before,#mec_reg_form_fields input[type=checkbox]:checked:before,.mec-form-row input[type=checkbox]:checked:before {
1292	+ color: #4ec3f1;
1293	+ fill: #4ec3f1;
1294	+ font-size: 22px;
1295	+ width: 26px;
1296	+ line-height: 26px
1297	+ }
1298	+
1299	+ .mec-form-row input[type=radio]:checked:before {
1300	+ background: #4ec3f1;
1301	+ width: 8px;
1302	+ height: 8px;
1303	+ margin: 6px
1304	}
1305
1306	+ #mec_settings_fes_thankyou_page_url,.mec-form-row .mec-col-4 input[type=number],.mec-form-row .mec-col-4 input[type=text],.mec-form-row .mec-col-4 select,.mec-form-row .mec-col-4 textarea {




1307	width: 82%;
1308	+ max-width: 290px
1309	+ }
1310	+
1311	+ #mec_calendar_display_options .mec-col-4 input {
1312	+ margin-left: 20px !important
1313	}
1314
1315	.mec-form-row .description {
1316	display: inline-block;
1317	border-left: 1px dashed #ccc;

1318	line-height: 32px;
1319	padding-left: 12px;
1320	margin-top: 5px;

1322	}
1323
1324	.mec-form-row .description code {
1325	+ font-style: normal
1326	}
1327
1328	.mec-form-row .time-dv {

1346	margin: 40px 0 16px
1347	}
1348
1349	+ .post-type-mec-events h4 {
1350	+ text-transform: capitalize;
1351	+ border-bottom: 1px solid #e5e5e5;
1352	+ padding-bottom: 6px;
1353	+ margin: 40px 0 16px;
1354	+ font-size: 15px;
1355	+ font-weight: 600
1356	+ }
1357	+
1358	.mec-meta-box-fields .mec-dashicons {
1359	font-size: 20px;
1360	line-height: 22px;
1361	+ color: #07bbe9
1362	}
1363
1364	.mec-form-row .mec-box,.mec-meta-box-fields .mec-box {
1365	+ background: #fff;
1366	+ padding: 20px 10px 10px;
1367	margin: 10px 0;
1368	+ border-radius: 2px 2px 3px 3px;
1369	+ border: 1px solid #e6e9eb;
1370	+ box-shadow: 0 1px 4px -1px rgb(0 0 0 / 4%);
1371	+ }
1372	+
1373	+ .meta-box-sortables .mec-meta-box-fields .mec-box {
1374	+ padding: 15px;
1375	}
1376
1377	.mec-form-row .mec-box {

1392
1393	.mec-container {
1394	background: #fff;
1395	+ padding: 15px 0 15px 15px
1396	+ }
1397	+
1398	+ #mec_booking_form .mec-container,#mec_single_form .mec-container {
1399	+ padding: 0
1400	}
1401
1402	.nav-tab-active {

1408	margin-bottom: 0
1409	}
1410













1411	#mec_styles_form #mec_styles_CSS {
1412	height: 200px;
1413	margin-bottom: 5px;

1418	outline: 0
1419	}
1420
1421	+ #mec_calendar_filter .description {
1422	max-width: 500px;
1423	display: block;
1424	margin: 0 0 5px 0;

1440	border-color: #008aff
1441	}
1442
1443	+ .mec-sed-methods li.active {
1444	+ border-color: #008aff;
1445	+ background-color: #fff;
1446	+ color: #008aff;
1447	+ font-weight: 600;
1448	+ cursor: default;
1449	+ box-shadow: 0 0 4px rgba(1,138,255,.3) inset
1450	+ }
1451	+
1452	+ .meta-box-sortables .mec-switcher input+label {
1453	+ max-width: 56px;
1454	+ width: 56px;
1455	+ height: 30px
1456	+ }
1457	+
1458	+ .meta-box-sortables .mec-switcher input+label:after,.meta-box-sortables .mec-switcher input+label:before {
1459	+ top: 0;
1460	+ left: 0;
1461	+ bottom: 0;
1462	+ right: 0
1463	+ }
1464	+
1465	+ .meta-box-sortables .mec-switcher input+label:after {
1466	+ width: 28px;
1467	+ height: 28px
1468	}
1469
1470	+ .meta-box-sortables .mec-switcher input:checked+label:before {
1471	+ box-shadow: 2px 2px 12px -2px #4fdc73 inset;
1472	+ background: #64e385;
1473	+ border-color: #64e385






1474	}
1475
1476	+ .meta-box-sortables .mec-switcher input:checked+label:after {
1477	+ margin-left: 28px

1478	}
1479
1480	.mec-switcher input:checked+label:after {

1489	min-height: 65px
1490	}
1491
1492	+ #mec_gateways_form li .mec-gateway-options-form,#payment_gateways_option li .mec-gateway-options-form {
1493	+ padding: 35px 10px 5px 10px;
1494	+ background-color: #fff;
1495	+ border: 1px solid #e6e9eb;
1496	+ border-left: 6px solid #e6e9eb;
1497	+ margin-bottom: 40px;
1498	+ margin-top: -5px;
1499	+ border-top-right-radius: 4px;
1500	+ border-bottom-right-radius: 4px;
1501	+ box-shadow: 0 1px 4px -1px rgba(0,0,0,0.05);
1502	}
1503
1504	+ #mec_gateways_form_container .mec-form-row input[type=number],#mec_gateways_form_container .mec-form-row select {
1505	+ width: 100%

1506	}
1507
1508	div#mec_gateways_form_container .mec-required.mec-mandatory {
1509	+ border: 1px solid red
1510	}
1511
1512	#booking_notification_section label {

1515	}
1516
1517	div#booking_notification_section iframe {
1518	+ height: 300px!important




1519	}
1520
1521	@media (max-width: 536px) {

1524	}
1525	}
1526




1527	#booking_notification_section ul li:last-child .wp-editor-container {
1528	margin-bottom: 0
1529	}
1530
1531	#mec_messages_form_container ul li label {
1532	display: block;
1533	+ font-weight: 400;
1534	}
1535
1536	#mec_messages_form_container ul li input {

1540
1541	.mec-message-categories li.mec-acc-label {
1542	font-size: 15px;
1543	+ font-weight: 400;
1544	padding: 0 30px;
1545	cursor: pointer;
1546	background-color: #fff;
1547	border: none;
1548	border-bottom: 1px solid #e6e6e6;
1549	margin: 0;
1550	+ letter-spacing: .2px;
1551	+ position: relative
1552	}
1553
1554	.mec-message-categories li.mec-acc-label .mec-acc-cat-name {
1555	+ line-height: 65px;
1556	+ font-size: 17px;
1557	+ transition: all 0.2s ease
1558	+ }
1559	+
1560	+ .mec-message-categories li.mec-acc-label .mec-acc-cat-name:hover {
1561	+ color: #07bbe9;
1562	}
1563
1564	.mec-message-categories ul {

1624	padding: 2px;
1625	width: 50px;
1626	height: 22px;
1627	+ background-color: #e5e9ee;
1628	+ border-radius: 60px;
1629	+ }
1630	+
1631	+ .mec-switcher input+label {
1632	+ max-width: 40px;
1633	+ height: 30px;
1634	}
1635
1636	.mec-switcher input+label:after,.mec-switcher input+label:before {

1653	width: 24px;
1654	background-color: #fff;
1655	border-radius: 100%;
1656	+ transition: margin .4s;
1657	+ border: 1px solid #e7e8e9;
1658	+ box-shadow: 0 0 5px rgb(0 0 0 / 4%);






1659	}
1660
1661	+ .mec-switcher input+label:after {
1662	+ margin-top: 2px;
1663	+ margin-left: 3px;
1664	+ width: 26px;
1665	+ height: 26px;
1666	}
1667
1668	+ .wns-be-group-tab .mec-switcher input[value="1"]+label,.wns-be-group-tab .mec-switcher input[value="1"]+label:before {
1669	+ box-shadow: 2px 2px 12px -2px #4fdc73 inset;
1670	+ position: relative;
1671	+ background: #64e385;
1672	+ border-color: #64e385
1673	}
1674
1675	+ .wns-be-group-tab .mec-switcher input+label:before {
1676	+ right: 1px;
1677	+ background-color: #f7f8f9;
1678	+ border-radius: 60px;
1679	+ transition: background .4s;
1680	}
1681
1682	+ .wns-be-group-tab .mec-switcher input[value="1"]+label:after {
1683	+ margin-left: 30px;
1684	+ border-color: #64e385;
1685	+ box-shadow: 0 2px 6px -5px #64e385;
1686	}
1687
1688	.mec-switcher label {

1748	.mec-image-select-wrap li {
1749	float: left;
1750	display: block;
1751	+ margin-right: 5px;
1752	+ margin-bottom: 0;
1753	+ }
1754	+
1755	+ .mec-form-row .mec-image-select-wrap li label {
1756	+ padding: 5px 0 0;
1757	+ display: block;
1758	+ }
1759	+
1760	+ @media(max-width: 1280px) {
1761	+ .mec-image-select-wrap li {
1762	+ margin-right:20px
1763	+ }
1764	+ }
1765	+
1766	+ @media(max-width: 480px) {
1767	+ .mec-image-select-wrap li {
1768	+ margin-right:18px
1769	+ }
1770	}
1771
1772	.mec-image-select-wrap li input {

1780	margin: 3px;
1781	border-radius: 2px;
1782	border: 3px solid transparent;
1783	+ transition: all .2s ease
1784	}
1785
1786	.mec-image-select-wrap li input:checked+span {
1787	+ border-color: #fff;
1788	+ box-shadow: 0 0 14px rgba(0,0,0,.25)
1789	}
1790

1791	.mec-image-select-wrap li input:checked+span:after {
1792	+ content: "\e080";
1793	+ font-family: 'simple-line-icons';
1794	+ font-size: 18px;
1795	display: inline-block;
1796	color: #fff;
1797	+ padding: 8px 9px;
1798	max-width: 100%;
1799	+ max-height: 100%;
1800	+ font-weight: normal;
1801	}
1802

1803	.m-e-calendar_page_MEC-ix #wpwrap .mec-button-primary.mec-btn-2 {
1804	+ margin: 0 0 0 12px
1805	}
1806
1807	.m-e-calendar_page_MEC-ix #wpwrap input[type=file] {
1808	padding-top: 12px;
1809	+ padding-bottom: 12px
1810	}
1811
1812	.m-e-calendar_page_MEC-ix #wpwrap .mec-form-row select {
1813	+ min-height: 46px
1814	}
1815
1816	.mec-image-select-wrap .mec-colorskin-1 {
1817	+ background-color: #40d9f1
1818	}
1819
1820	.mec-image-select-wrap .mec-colorskin-2 {

1901	background-color: #3a609f
1902	}
1903
1904	+ .mec-image-select-wrap .mec-colorskin-23 {
1905	+ background-color: #333
1906	+ }
1907	+
1908	+ .mec-image-select-wrap .mec-colorskin-24 {
1909	+ background-color: #d2d2d2
1910	+ }
1911	+
1912	+ .mec-image-select-wrap .mec-colorskin-25 {
1913	+ background-color: #636363
1914	+ }
1915	+
1916	@media screen and (max-width: 782px) {
1917	.mec-form-row .description {
1918	max-width:500px;

1978
1979	@media(max-width: 1280px) {
1980	#webnus-dashboard.about-wrap {
1981	+ max-width:1024px
1982	}
1983	}
1984

1987	}
1988
1989	#webnus-dashboard .welcome-head img {
1990	+ border: 1px solid #e2e3e4;
1991	+ background: #fff;
1992	+ padding: 15px;
1993	+ border-radius: 7px 7px 0 0
1994	}
1995
1996	.w-welcome {

2007	}
2008
2009	.w-theme-version {
2010	+ box-shadow: 0 2px 7px -5px #00000021;
2011	text-shadow: none;
2012	+ background: #f4f7f7;

2013	text-align: center;
2014	display: block;
2015	padding: 10px 0;
2016	+ color: #00a1b7;
2017	+ font-weight: 400;
2018	+ margin-top: 0;
2019	+ border-radius: 0 0 7px 7px;
2020	+ border: 1px solid #e2e3e4;
2021	+ border-top: none;
2022	+ font-family: monospace
2023	}
2024
2025	.w-box {

2030	}
2031
2032	.w-box.print-events {
2033	+ min-height: 134px
2034	}
2035
2036	.w-box-head {

2357
2358	.w-box.total-bookings ul li {
2359	padding: 0;
2360	+ transition: all .1s ease
2361	}
2362
2363	.w-box.total-bookings ul li a {

2369	letter-spacing: .4px;
2370	transition: all .1s ease;
2371	font-weight: 600;
2372	+ text-decoration: none
2373	}
2374
2375	.w-box.total-bookings ul li.active {
2376	+ background: #38d5ed
2377	}
2378
2379	.w-box.total-bookings ul li:hover {
2380	background: #000;
2381	+ box-shadow: 0 2px 3px -2px #222
2382	}
2383
2384	#webnus-dashboard .w-box.total-bookings ul li a {
2385	+ color: #000
2386	}
2387
2388	+ #webnus-dashboard .w-box.total-bookings ul li.active a,#webnus-dashboard .w-box.total-bookings ul li:hover a {
2389	+ color: #fff

2390	}
2391
2392	#webnus-dashboard .w-box.total-bookings ul li a:focus {
2393	box-shadow: unset;
2394	outline: unset;
2395	+ outline-offset: 0
2396	}
2397

2398	.info-msg,.mec-error,.mec-success,.warning-msg {
2399	margin: 10px 0;
2400	padding: 10px;

2426	}
2427
2428	.mec-error {
2429	+ color: #d8000c!important;
2430	background-color: #ffbaba
2431	}
2432

2450	box-shadow: 0 0 3px rgba(0,0,0,.03)
2451	}
2452
2453	+ #mec-exceptional-days .mec-certain-day>div,#mec_exceptions_in_days_container .mec-certain-day>div {
2454	+ padding: 0 15px;
2455	+ margin: 0 5px 10px 0
2456	+ }
2457	+
2458	+ .mec-certain-day .mec-in-days-day,.mec-certain-day>div .mec-not-in-days-day {
2459	+ line-height: 36px
2460	+ }
2461	+
2462	.mec-certain-day>div:hover,.mec-select-deselect-actions li:hover,.mec-xi-facebook-import-events .mec-select-deselect-actions li:hover,.mec-xi-google-import-events .mec-select-deselect-actions li:hover {
2463	+ border-color: #07bbe9;
2464	box-shadow: 0 0 7px rgba(0,0,0,.1)
2465	}
2466

2475	line-height: 12px;
2476	display: inline-block;
2477	margin-right: -5px;
2478	+ margin-left: 6px
2479	}
2480
2481	div#mec_not_in_days_row2:hover {
2482	+ border-color: #e2e2e2!important;
2483	+ box-shadow: none!important
2484	}
2485
2486	.mec-xi-facebook-import-events .mec-success,.mec-xi-google-import-events .mec-success {

2526	}
2527
2528	span.mec-archive-skins,span.mec-category-skins {

2529	vertical-align: text-bottom
2530	}
2531

2557	}
2558
2559	.mec-shortcode-virtual-badge i {
2560	+ padding: 0 5px 0 7px
2561	}
2562

2563	@media(min-width: 760px) and (max-width:1280px) {
2564	+ .mec-virtual-event-wrap .mec-form-row .mec-col-1,.mec-zoom-event-wrap .mec-form-row .mec-col-1 {
2565	+ width:12%

2566	}
2567	+
2568	+ .mec-virtual-event-wrap .mec-form-row .mec-col-4,.mec-virtual-event-wrap .mec-form-row .mec-col-6,.mec-zoom-event-wrap .mec-form-row .mec-col-4,.mec-zoom-event-wrap .mec-form-row .mec-col-6 {
2569	+ width: 40%


2570	}
2571	+
2572	+ .mec-virtual-event-wrap .mec-form-row .mec-col-3,.mec-virtual-event-wrap .mec-form-row .mec-col-5,.mec-zoom-event-wrap .mec-form-row .mec-col-3,.mec-zoom-event-wrap .mec-form-row .mec-col-5 {
2573	+ width: 45%


2574	}
2575	+
2576	+ .mec-virtual-event-wrap .mec-form-row .mec-col-2,.mec-zoom-event-wrap .mec-form-row .mec-col-2 {
2577	+ width: 21%
2578	}
2579	}
2580


2581	#mec_zoom_checkall {
2582	background: #fff;
2583	border: 1px solid #282828;

2586	margin: 30px 0 0;
2587	cursor: pointer;
2588	display: block;
2589	+ transition: all .3s ease;
2590	+ -webkit-transition: all .3s ease;
2591	+ -moz-transition: all .3s ease;
2592	+ -ms-transition: all .3s ease;
2593	+ -o-transition: all .3s ease
2594	}
2595
2596	#mec_zoom_checkall:focus {
2597	box-shadow: inset;
2598	+ outline: 0
2599	}
2600
2601	#mec_zoom_checkall:hover {
2602	background: #282828;
2603	+ color: #fff
2604	}
2605


2606	/*!
2607	+ * Bootstrap v3.3.7 (http://getbootstrap.com)
2608	+ * Copyright 2011-2016 Twitter, Inc.
2609	+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
2610	+ */
2611	#webnus-dashboard button,#webnus-dashboard input,#webnus-dashboard select,#webnus-dashboard textarea {
2612	font-family: inherit;
2613	font-size: inherit;

3629	position: fixed;
3630	top: 32px;
3631	background: #fff;
3632	+ z-index: 99999;
3633	+ width: 82%;
3634	}
3635
3636	.wns-be-main .wns-saved-settings.sticky {

3640	z-index: 999999999999999999
3641	}
3642


























3643	textarea.mec-import-settings-content {
3644	display: block;
3645	width: 100%;

3839	margin-top: 40px
3840	}
3841
3842	+ #webnus-dashboard .support-box a,#webnus-dashboard .w-box.support-page.mec-ticksy a {

3843	color: #fff;
3844	font-weight: 500;
3845	border-radius: 2px;

3855	display: inline-block
3856	}
3857
3858	+ #webnus-dashboard .support-box a:hover,#webnus-dashboard .w-box.support-page.mec-ticksy a:hover {

3859	background: #222;
3860	background: linear-gradient(95deg,#555 0,#222 50%,#000 100%);
3861	box-shadow: 0 5px 23px -7px rgba(0,0,0,.5)
3862	}
3863
3864	#webnus-dashboard .support-box a {
3865	+ margin: 40px 4px 0 4px
3866	}
3867
3868	.mec-faq-accordion>.mec-faq-accordion-content {

4248	width: 390px;
4249	border: 1px solid #e1e2e3;
4250	border-radius: 2px;
4251	+ box-shadow: 0 1px 3px rgba(0,0,0,.05)
4252	}
4253
4254	#mec-advanced-wraper div:first-child>ul span {

4260	background: #fff;
4261	font-size: 12px;
4262	color: #717273;
4263	+ text-align: center
4264	}
4265
4266	#mec-advanced-wraper div:first-child>ul>li {

4268	font-weight: 700;
4269	margin: 0 10px 0 0;
4270	padding: 4px 0;
4271	+ border-right: 1px solid #e1e2e3
4272	}
4273
4274	#mec-advanced-wraper div:first-child>ul>ul>li {

4276	padding: 2px 10px;
4277	cursor: pointer;
4278	border-radius: 2px;
4279	+ transition: all .18s ease
4280	}
4281
4282	#mec-advanced-wraper div:first-child>ul>ul>li:hover,.mec-active {
4283	+ background: #07bbe9!important;
4284	+ color: #fff!important
4285	}
4286
4287	@-webkit-keyframes sk-bounce {

4308
4309	.w-col-sm-3 .w-box.addon {
4310	min-height: auto;
4311	+ border-radius: 2px 2px 5px 5px;
4312	+ box-shadow: 0 2px 6px 0 rgb(0 0 0 / 3%);
4313	+ border: 1px solid #e2e3e4
4314	}
4315
4316	.w-box-child.mec-addon-box {
4317	+ padding: 0
4318	}
4319
4320	.mec-addon-box-head {
4321	border-bottom: 1px solid #e8e8e8;
4322	+ padding: 20px 20px 8px;
4323	margin-bottom: 14px;
4324	position: relative
4325	}
4326
4327	.mec-addon-box-version {
4328	position: relative;

4329	border-radius: 1px;
4330	padding: 0 8px;
4331	+ font-family: monospace;
4332	+ background: #f4f7f7;
4333	+ color: #00a1b7;
4334	font-size: 11px;
4335	letter-spacing: .2px;
4336	line-height: 21px;
4337	display: inline-block;
4338	+ margin: 10px 0
4339	}
4340
4341	.mec-addon-box-head img {
4342	display: block;
4343	width: 60px;
4344	height: 60px;
4345	+ margin-bottom: 10px
4346	}
4347
4348	.mec-addon-box-title {
4349	font-weight: 600;
4350	font-size: 17px;
4351	+ line-height: 25px;
4352	+ color: #27272a;
4353	+ letter-spacing: -.2px
4354	}
4355
4356	.mec-addon-box-title a span {

4358	font-size: 15px
4359	}
4360
4361	+ .mec-addon-box-content {
4362	+ padding: 0 20px
4363	+ }
4364	+
4365	.mec-addon-box-content p {
4366	color: #777;
4367	font-size: 13px;
4368	+ letter-spacing: .1px
4369	}
4370
4371	.mec-addon-box-mec-version {

4374	font-size: 13px
4375	}
4376
4377	+ .mec-addon-box-pro {
4378	+ display: inline-block;
4379	+ background: #ff7d5f;
4380	+ color: #fff;
4381	+ font-weight: 600;
4382	+ font-size: 11px;
4383	+ letter-spacing: .2px;
4384	+ line-height: 21px;
4385	+ padding: 0 8px;
4386	+ border-radius: 3px
4387	+ }
4388	+
4389	#webnus-dashboard .addons-page-links {
4390	display: inline-block;
4391	margin: 12px 4px 16px 0

4421	}
4422
4423	.mec-addon-box-footer {
4424	+ border-top: 1px solid #e8e8e8;
4425	+ background: #f4f7f7;
4426	+ border-radius: 0 0 4px 4px;
4427	+ padding: 2px 1px 3px;
4428	margin-top: 25px;
4429	+ text-align: center
4430	}
4431
4432	#webnus-dashboard .mec-addon-box-footer a {

4433	margin-top: 10px;
4434	display: inline-block;
4435	text-shadow: none;

4444	width: 53px;
4445	height: 34px;
4446	line-height: 21px;
4447	+ background: 0 0;
4448	+ margin: 0;
4449	+ box-shadow: none
4450	}
4451
4452	#webnus-dashboard .mec-addon-box-footer a:last-of-type {
4453	+ margin-right: 0
4454	}
4455
4456	+ #webnus-dashboard .mec-addon-box-footer a.mec-addon-box-intro:hover {
4457	+ box-shadow: 0 2px 8px -3px #ff3535;
4458	+ background: linear-gradient(95deg,#ff6c6c 0,#f55 50%,#ff3535 100%)
4459	}
4460
4461	#webnus-dashboard .mec-addon-box-footer a:hover {
4462	+ background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%);
4463	+ box-shadow: 0 2px 8px -3px #008aff;

4464	cursor: pointer!important
4465	}
4466
4467	#webnus-dashboard .mec-addon-box-footer a i {
4468	+ color: #00cae6;
4469	+ font-size: 16px






















































4470	}
4471
4472	+ #webnus-dashboard .mec-addon-box-footer a:hover i {
4473	+ color: #fff



























4474	}
4475

4476	#mec_tickets .mec-box {
4477	position: relative;
4478	+ padding: 25px 10px
4479	}
4480
4481	+ #mec_fees_list input[type=text].mec-col-12,#mec_ticket_variations_list input[type=text].mec-col-12 {
4482	+ max-width: 625px

4483	}
4484
4485	+ #taxes_option .mec-form-row input[type=text].mec-col-12,#ticket_variations_option input[type=text].mec-col-12 {
4486	+ max-width: 575px

4487	}
4488
4489	.mec-booking-tab-content .mec-form-row textarea {
4490	+ max-width: 762px
4491	}
4492
4493	#mec_tickets .button.remove {

4505	background: #fff;
4506	border-color: #ffd2dd;
4507	font-size: 20px;
4508	+ line-height: 1.5
4509	}
4510
4511	#mec_tickets .button.remove svg {
4512	+ fill: #ea6485!important
4513	}
4514
4515	#mec_tickets .button.remove:hover {
4516	color: #fff;
4517	border: 2px solid #ea6485;
4518	+ background: #ea6485
4519	}
4520
4521	#mec_tickets .button.remove:hover svg {
4522	+ fill: #fff!important
4523	}
4524
4525	@media(max-width: 480px) {
4526	#mec_tickets .button.remove {
4527	+ top:5px;
4528	+ right: 5px
4529	}
4530	}
4531

4533	font-size: 12px;
4534	line-height: 12px;
4535	font-weight: 400;
4536	+ color: #07bbe9;
4537	padding: 0 0 8px;
4538	margin-top: -6px;
4539	margin-bottom: 14px;
4540	+ cursor: default
4541	}
4542
4543	+ .mec-ticket-end-time.mec-col-12 .mec-time-span,.mec-ticket-start-time.mec-col-12 .mec-time-span {
4544	+ min-width: 80px;
4545	+ display: inline-block
4546	+ }
4547
4548	+ .mec-ticket-start-time {
4549	+ margin-bottom: 20px


4550	}
4551
4552	+ .mec-ticket-time {
4553	+ min-width: 69px;
4554	+ display: inline-block
4555	+ }
4556	+
4557	+ .mec-stop-selling-tickets {
4558	+ min-width: 185px
4559	+ }
4560	+
4561	+ #mec_meta_box_hourly_schedule_days .mec-form-row input[type=text],#mec_meta_box_tickets_form .mec-form-row input[type=text] {
4562	+ max-width: 290px
4563	}
4564
4565	+ @media(max-width: 1366px) {
4566	+ #mec_meta_box_hourly_schedule_days .mec-box.mec-form-row input[type=text] {
4567	+ max-width:150px;
4568	+ min-width: 110px
4569	+ }
4570	}
4571


4572	#mec_exceptions_not_in_days_date {
4573	+ width: 100%
4574	}
4575
4576	+ #mec-event-data input[type=date],#mec-event-data input[type=email],#mec-event-data input[type=tel],#mec-event-data input[type=text],#mec-event-data input[type=url],#mec-event-data select,#mec-event-data textarea,#mec_exceptions_not_in_days_date,#mec_meta_box_date_form input[type=text],#mec_select_tags.mec-create-shortcode-tab-content input[type=text],#mec_settings_weather_module_api_key {
4577	+ max-width: 290px

4578	}
4579
4580	+ #mec-event-data input[type=text].mec_date_picker.mec-col-4 #mec_meta_box_calendar_skin_options input[type=text].mec_date_picker.mec-col-4 {
4581	+ max-width: 32.33333333%



4582	}
4583
4584	+ #payment_gateways_option .mec-col-4 input[type=number],#payment_gateways_option .mec-col-4 input[type=text],#payment_gateways_option .mec-col-4 select,#payment_gateways_option .mec-col-4 textarea {
4585	+ width: 90%
4586	}
4587
4588	+ .mec-form-repeating-event-row .mec-col-6 input[type=text] {
4589	+ width: 35%
4590	+ }
4591
4592	.addons-page-error,.addons-page-notice {
4593	display: block;

4610	}
4611
4612	.mec-addon-box-comingsoon {
4613	+ background: transparent padding: 8px 11px;

4614	color: #5a5a5a;
4615	font-size: 14px;
4616	font-weight: 500;

4645
4646	#webnus-dashboard .mec-pro-notice .info-msg {
4647	background: #fff;
4648	+ box-shadow: 0 1px 16px rgba(0,0,0,.034);
4649	text-align: center;
4650	+ color: #000
4651	}
4652
4653	#webnus-dashboard a.info-msg-link {
4654	background: #e66f52;
4655	+ background: linear-gradient(95deg,#ff8162 0,#e66f52 50%,#ff4c20 100%);
4656	box-shadow: 0 5px 10px -5px #e66f52;
4657	border-radius: 2px;
4658	padding: 12px 50px;

4661	border: none;
4662	margin: 20px auto 0;
4663	color: #fff;
4664	+ transition: all .3s ease;
4665	+ display: inline-block
4666	}
4667
4668	#webnus-dashboard a.info-msg-link:hover {
4669	background: #222;
4670	+ background: linear-gradient(95deg,#555 0,#222 50%,#000 100%);
4671	+ box-shadow: 0 5px 21px -5px rgba(0,0,0,.5)
4672	}
4673
4674	#webnus-dashboard .info-msg p {
4675	width: 70%;
4676	margin: 0 auto;
4677	+ line-height: 1.8
4678	}
4679
4680	#webnus-dashboard .info-msg-coupon {

4682	color: #777;
4683	max-width: 600px;
4684	line-height: 1.68;
4685	+ margin: 25px auto 0
4686	}
4687
4688	#webnus-dashboard .info-msg-coupon strong {
4689	font-weight: 700;
4690	+ color: #19ce18
4691	}
4692
4693	.info-msg .socialfollow {
4694	+ padding-top: 20px
4695	}
4696
4697	.info-msg .socialfollow a {
4698	margin: 0 2px;
4699	+ display: inline-block
4700	}
4701
4702	.info-msg .socialfollow a i {

4705	padding: 6px;
4706	border-radius: 3px;
4707	font-size: 18px;
4708	+ box-shadow: 0 2px 3px rgba(0,0,0,.1);
4709	+ transition: all .25s
4710	}
4711
4712	.info-msg .socialfollow a:hover i {
4713	+ background: #008aff
4714	}
4715
4716	.mec-intro-section .w-box-content {

4788	padding-bottom: 12px
4789	}
4790




4791	.wns-be-sidebar li:hover .submneu-hover {
4792	opacity: 1;
4793	visibility: visible

4889	font-size: 14px;
4890	line-height: 1.3;
4891	margin: 0;
4892	+ font-style: normal
4893	}
4894
4895	.mec-tooltip:hover .box {

4913	background: #3a3f44;
4914	border-bottom: 1px solid #30353a;
4915	border-radius: 6px 6px 0 0;
4916	+ z-index: 9999
4917	}
4918
4919	#webnus-dashboard .mec-tooltip .box p a,.mec-tooltip .box p a {

5042	}
5043
5044	@media(min-width: 1200px) and (max-width:1366px) {


















5045	.mec-tooltip .box {
5046	+ min-width:290px
5047	}
5048
5049	.mec-tooltip .box h5 {

5061	}
5062	}
5063
5064	+ .mec-addons-notification-box-wrap .w-col-sm-12,.mec-cmsg-notification-box-wrap .w-col-sm-12 {

5065	padding: 0
5066	}
5067

5114	background: #000
5115	}
5116
5117	+ .w-clearfix.w-box.mec-addons-notification-box-wrap span,.w-clearfix.w-box.mec-cmsg-2-notification-box-wrap span,.w-clearfix.w-box.mec-cmsg-notification-box-wrap span {


5118	right: 0;
5119	left: unset;
5120	cursor: pointer;

5122	padding: 0 16px
5123	}
5124
5125	+ .w-clearfix.w-box.mec-addons-notification-box-wrap span i,.w-clearfix.w-box.mec-cmsg-2-notification-box-wrap span i,.w-clearfix.w-box.mec-cmsg-notification-box-wrap span i {


5126	font-size: 28px;
5127	vertical-align: sub;
5128	color: #f2113e
5129	}
5130
5131	+ .mec-custom-msg-notification-wrap,.wns-be-container .mec-addons-notification-wrap {

5132	padding: 0;
5133	margin: 0
5134	}
5135
5136	+ .mec-custom-msg-notification-wrap .w-col-sm-12,.wns-be-container .mec-addons-notification-wrap .w-col-sm-12 {

5137	padding: 0
5138	}
5139

5148	}
5149
5150	@media(max-width: 1200px) {
5151	+ .mec-addons-notification-box-content,.mec-addons-notification-box-image {
5152	+ width:100%;
5153	+ display: block
5154	}
5155
5156	.mec-addons-notification-box-image {
5157	+ text-align: center
5158	}
5159	}
5160
5161	@media(max-width: 768px) {
5162	.mec-addons-notification-box-image img {
5163	+ width:100%;
5164	+ height: auto
5165	}
5166	}
5167


5168	body.rtl .wns-be-sidebar {
5169	width: 260px;
5170	float: right;
5171	+ position: relative
5172	}
5173
5174	body.rtl .wns-be-main {
5175	margin-left: 0;
5176	border-left: 0;
5177	margin-right: 260px;
5178	+ border-right: 1px solid #dedede
5179	}
5180
5181	body.rtl .w-box.mec-activation .LicenseField {
5182	+ direction: rtl
5183	}
5184
5185	body.rtl .w-box.mec-activation input[name=MECPurchaseCode] {
5186	text-align: right;
5187	+ padding-right: 20px
5188	}
5189
5190	+ body.rtl #MECActivation .MECPurchaseStatus,body.rtl .addon-activation-form .MECPurchaseStatus {

5191	right: auto;
5192	+ left: -51px
5193	}
5194
5195	body.rtl #webnus-dashboard .w-box.mec-activation input[type=submit] {
5196	right: auto;
5197	+ left: 5px
5198	}
5199
5200	body.rtl .wns-be-sidebar .wns-be-group-menu li a {
5201	+ padding: 13px 20px 13px 4px
5202	}
5203
5204	body.rtl .wns-be-sidebar .wns-be-group-tab-link-a span.wns-be-group-menu-title {
5205	padding-left: 0;
5206	+ padding-right: 24px
5207	}
5208
5209	body.rtl .wns-be-sidebar .has-sub span.extra-icon {
5210	+ float: left
5211	}
5212
5213	body.rtl .wns-be-sidebar .wns-be-group-tab-link-a span.extra-icon i {
5214	right: auto;
5215	+ left: 10px
5216	}
5217
5218	+ body.rtl .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:after,body.rtl .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {

5219	position: absolute;
5220	z-index: 999;
5221	content: " ";

5226	border-left-color: #fff;
5227	right: auto;
5228	left: -1px;
5229	+ top: 10px
5230	}
5231
5232	body.rtl .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
5233	border-right-color: transparent;
5234	border-left-color: #c5c5c5;
5235	right: auto;
5236	+ left: 0
5237	}
5238
5239	+ body.rtl .mec-col-1,body.rtl .mec-col-10,body.rtl .mec-col-11,body.rtl .mec-col-12,body.rtl .mec-col-2,body.rtl .mec-col-3,body.rtl .mec-col-4,body.rtl .mec-col-5,body.rtl .mec-col-6,body.rtl .mec-col-7,body.rtl .mec-col-8,body.rtl .mec-col-9 {


5240	float: right;
5241	+ margin: 0
5242	}
5243
5244	body.rtl .wns-be-sidebar li .submneu-hover {
5245	right: auto;
5246	+ left: -222px
5247	}
5248
5249	body.rtl .wns-be-sidebar li .submneu-hover:after {

5256	border-right-color: #fff;
5257	left: auto;
5258	right: -1px;
5259	+ top: 14px
5260	}
5261
5262	body.rtl #mec_styles_form #mec_styles_CSS {
5263	+ direction: ltr
5264	}
5265
5266	body.rtl .w-box.mec-activation {
5267	-moz-transform: scaleY(-1);
5268	-o-transform: scaleY(-1);
5269	-webkit-transform: scaleY(-1);
5270	+ transform: scaleX(-1)
5271	}
5272
5273	+ body.rtl .w-box.mec-activation .w-box-content,body.rtl .w-box.mec-activation .w-box-head {

5274	-moz-transform: scaleY(-1);
5275	-o-transform: scaleY(-1);
5276	-webkit-transform: scaleY(-1);
5277	transform: scaleX(-1);
5278	+ display: block
5279	}
5280
5281	body.rtl .w-box.mec-activation .w-box-head {
5282	+ width: 100%
5283	}
5284
5285	body.rtl .wns-be-container #wns-be-infobar:before {
5286	left: auto;
5287	+ right: 0
5288	}
5289
5290	body.rtl .wns-be-container .dpr-btn.dpr-save-btn {
5291	+ float: left
5292	}
5293
5294	+ body.rtl .wns-be-container .wns-be-group-tab h2:before,body.rtl .wns-be-container .wns-be-group-tab h4:before {

5295	left: auto;
5296	right: 0;
5297	margin-right: 0;
5298	+ margin-left: 5px
5299	}
5300
5301	body.rtl #mec_gateways_form .mec-tooltip {
5302	+ float: left
5303	}
5304

5305	.mec-details-addons-container {
5306	+ margin-top: 20px
5307	}
5308
5309	.mec-details-addons-wrap img {
5310	float: left;
5311	width: 19%;
5312	+ margin-right: 17px
5313	}
5314
5315	.mec-details-addons-wrap {
5316	clear: both;
5317	margin-bottom: 80px;
5318	display: block;
5319	+ position: relative
5320	}
5321
5322	.mec-details-addons-wrap a {
5323	+ text-decoration: none
5324	}
5325
5326	.mec-details-addons-wrap p {
5327	float: left;
5328	width: 340px;
5329	margin-top: 0;
5330	+ margin-bottom: 30px
5331	}
5332
5333	.mec-details-addons-title {
5334	+ font-weight: 700
5335	}
5336
5337	.mec-details-addons-title a {
5338	+ color: #444
5339	}
5340

5341	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx {
5342	+ border-radius: 10px!important;
5343	+ box-shadow: 0 4px 38px rgba(0,0,0,.14)!important
5344	}
5345
5346	+ body .crisp-client .crisp-1rjpbb7 .crisp-13qutdl,body .crisp-client .crisp-1rjpbb7 .crisp-13qutdl ,body .crisp-client .crisp-1rjpbb7 .crisp-9dgo7z,body .crisp-client .crisp-1rjpbb7 .crisp-9dgo7z {
5347	+ font-family: proxima-nova,-apple-system,BlinkMacSystemFont,"Segoe UI",Catamaran,sans-serif!important



5348	}
5349
5350	+ body .crisp-client .crisp-1rjpbb7 .crisp-145mbcr,body .crisp-client .crisp-1rjpbb7 .crisp-1jrqqbm:hover {
5351	+ background-color: #fff!important

5352	}
5353
5354	body .crisp-client .crisp-1rjpbb7 .crisp-14u434g {
5355	+ border-color: #e7e8e9!important
5356	}
5357
5358	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-1bkorcf .crisp-1vzg1qq {
5359	+ font-size: 20px!important;
5360	+ width: 14px!important;
5361	+ height: 19px!important;
5362	+ opacity: .85
5363	}
5364
5365	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-1bkorcf .crisp-1vzg1qq:hover {
5366	+ opacity: .99
5367	}
5368
5369	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-1sps3eb .crisp-1vd2grm .crisp-12w4w1a {
5370	+ font-size: 13px!important
5371	}
5372
5373	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-1sps3eb .crisp-1vd2grm .crisp-12w4w1a::-webkit-input-placeholder {
5374	+ color: #717273!important
5375	}
5376
5377	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv[data-from=visitor] .crisp-z89v5n .crisp-162m9xf {
5378	+ background-color: #008aff!important;
5379	+ color: #fff!important;
5380	+ box-shadow: none!important;
5381	+ border-radius: 5px!important;
5382	+ padding: 15px 25px 15px!important
5383	}
5384
5385	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv[data-from=visitor] .crisp-z89v5n .crisp-162m9xf .crisp-1o2g4mc {
5386	+ color: #fff!important;
5387	+ font-size: 13px!important;
5388	+ letter-spacing: .3px!important
5389	}
5390
5391	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv .crisp-z89v5n .crisp-162m9xf {
5392	+ background-color: #f1f2f3!important;
5393	+ border-radius: 5px!important;
5394	+ padding: 15px 25px 15px!important;
5395	+ box-shadow: none!important;
5396	+ color: #121314!important
5397	}
5398
5399	+ body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv[data-type=audio] .crisp-z89v5n .crisp-162m9xf {
5400	+ background-color: #d1d7dc!important
5401	}
5402
5403	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv[data-from=operator] .crisp-z89v5n .crisp-1o2g4mc {
5404	+ color: #121314!important;
5405	+ -webkit-text-fill-color: #121314!important;
5406	+ font-size: 13px!important;
5407	+ letter-spacing: .3px!important
5408	}
5409
5410	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv .crisp-mkirz6 .crisp-12qaym5 .crisp-39hskb {
5411	+ opacity: .4;
5412	+ margin-right: 5px!important
5413	}
5414
5415	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-zyxrmn .crisp-1bu0ive .crisp-z7oo2o .crisp-lgu84d .crisp-1ohjrf0 .crisp-dqw9ko .crisp-bhspdv .crisp-mkirz6 .crisp-12qaym5 .crisp-ehr6mw {
5416	+ opacity: .68;
5417	+ font-size: 12px!important
5418	}
5419
5420	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg {
5421	+ background-image: linear-gradient(125deg,#008aff -10%,#0066b1 100%)!important;
5422	+ height: 110px!important;
5423	+ padding-top: 35px!important
5424	}
5425
5426	+ body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-rhv8pz .crisp-1uw6f17,body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-rhv8pz .crisp-85evuk,body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx .crisp-1784wh6 .crisp-1xmtdlg .crisp-rhv8pz .crisp-nu40j6 {
5427	+ font-size: 17px!important;
5428	+ line-height: 28px!important;
5429	+ padding-top: 10px!important



5430	}
5431
5432	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr .crisp-x94m06 {
5433	+ background-color: #008aff!important;
5434	+ background-image: linear-gradient(125deg,#008aff -10%,#008af0 100%)!important;
5435	+ box-shadow: 0 5px 34px -6px #008aff!important
5436	}
5437
5438	body .crisp-client .crisp-1rjpbb7 .crisp-4oo1n4 {
5439	+ background-color: transparent!important
5440	}
5441
5442	body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-ewasyx[data-chat-status=ongoing] .crisp-1784wh6 .crisp-1xmtdlg .crisp-172kolj {
5443	+ margin-top: -10px!important
5444	}
5445
5446	body .crisp-client .crisp-1rjpbb7[data-last-operator-face=false] .crisp-1rf4xdh .crisp-kquevr .crisp-x94m06 .crisp-16qgsyi .crisp-101bp3x[data-is-ongoing=false] {
5447	+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OCIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU4IDU1Ij4NCiAgPGcgaWQ9ImNoYXQtc3ZncmVwby1jb21fMV8iIGRhdGEtbmFtZT0iY2hhdC1zdmdyZXBvLWNvbSAoMSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuNSkiPg0KICAgIDxwYXRoIGlkPSJQYXRoXzEiIGRhdGEtbmFtZT0iUGF0aCAxIiBkPSJNMjksMS41YzE2LjAxNiwwLDI5LDExLjY0MSwyOSwyNmEyNC4wMSwyNC4wMSwwLDAsMS00LjgsMTQuMzE4Yy40LDQuNzQ1LDEuNTQyLDExLjQyOCw0LjgsMTQuNjgyLDAsMC05Ljk0My0xLjQtMTYuNjc3LTUuNDYybC0uMDIyLjAwOWMtMi43NjQtMS44LTUuNTMyLTMuNjU2LTYuMS00LjEyNmExLDEsMCwwLDAtMS4zMy0uMjc3LDEuMDE3LDEuMDE3LDAsMCwwLS40ODkuODQ4Yy0uMDEuNjIyLjAwNS43ODQsNS41ODUsNC40MjFBMzEuOTE0LDMxLjkxNCwwLDAsMSwyOSw1My41Yy0xNi4wMTYsMC0yOS0xMS42NDEtMjktMjZTMTIuOTg0LDEuNSwyOSwxLjVaIiBmaWxsPSIjZmZmIi8+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xIiBkYXRhLW5hbWU9IkVsbGlwc2UgMSIgY3g9IjMiIGN5PSIzIiByPSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMiAyNC41KSIgZmlsbD0iIzAwOGFmZiIvPg0KICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMiIgZGF0YS1uYW1lPSJFbGxpcHNlIDIiIGN4PSIzIiBjeT0iMyIgcj0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYgMjQuNSkiIGZpbGw9IiMwMDhhZmYiLz4NCiAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzMiIGRhdGEtbmFtZT0iRWxsaXBzZSAzIiBjeD0iMyIgY3k9IjMiIHI9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDI0LjUpIiBmaWxsPSIjMDA4YWZmIi8+DQogIDwvZz4NCjwvc3ZnPg0K)!important;
5448	+ height: 31px!important;
5449	+ top: 16px!important;
5450	+ left: 14px!important
5451	}
5452
5453	body .csh-category-item a h6 {
5454	+ text-align: left
5455	}
5456

5457	.mec-form-row.mec-syn-schedule {
5458	background: #f7f7f7;
5459	padding: 20px;
5460	border: 1px solid #eee;
5461	+ box-shadow: 0 1px 11px rgba(0,0,0,.034);
5462	+ margin-bottom: 20px
5463	}
5464
5465	.mec-form-row.mec-syn-schedule p {
5466	+ padding-left: 26px
5467	}
5468	+
5469	.mec-form-row.mec-syn-schedule h2 {
5470	+ margin-top: 0
5471	}
5472
5473	.mec-form-row.mec-syn-schedule h4 {
5474	+ margin: 10px 0
5475	}
5476

5477	li.wns-be-group-menu-li.mec-settings-menu .mec-settings-submenu {
5478	position: absolute;
5479	top: -1px;

5483	background: #fff;
5484	border: 1px;
5485	border-style: solid;
5486	+ border-color: #e6e9eb;
5487	margin: 0;
5488	overflow: visible;
5489	opacity: 0;

5491	transition: all .23s ease;
5492	padding-top: 8px;
5493	padding-bottom: 12px;
5494	+ border-radius: 0 2px 2px 0;
5495	+ box-shadow: 0 2px 4px rgba(0,0,0,0.03)
5496	}
5497	+
5498	+ li.wns-be-group-menu-li.mec-settings-menu:hover>.mec-settings-submenu {
5499	visibility: visible;
5500	+ opacity: 1
5501	}
5502
5503	.mec-settings-menu .mec-settings-submenu:before {

5510	border-right-color: #fff;
5511	left: -15px;
5512	top: 14px;
5513	+ border-right-color: #d6d9db;
5514	+ right: 0
5515	}
5516
5517	.mec-settings-menu .mec-settings-submenu:after {

5523	border: 7px solid transparent;
5524	border-right-color: #fff;
5525	left: -14px;
5526	+ top: 14px
5527	}
5528
5529	.wns-be-sidebar .mec-settings-menu .mec-settings-submenu a {
5530	background: #fff;
5531	+ color: #666c75;
5532	opacity: 1;
5533	+ font-size: 13px;
5534	+ font-weight: 400;
5535	+ padding: 6px 4px 5px 26px
5536	}
5537
5538	+ .wns-be-sidebar .mec-settings-menu .mec-settings-submenu a:hover {
5539	+ color: #000;
5540	+ background: #f7f8f9
5541	+ }
5542
5543	+ .mec-form-row.mec-skin-countdown-date-format-container input[type=text],.mec-form-row.mec-skin-grid-date-format-container input[type=text],.mec-form-row.mec-skin-list-date-format-container input[type=text],.mec-skin-options-container input[type=text] {
5544	+ max-width: unset



5545	}
5546

5547	.wn-mec-select {
5548	width: 32.33333333%!important;
5549	clear: unset!important

5747	line-height: 28px!important;
5748	min-height: 28px!important;
5749	-webkit-transition: all .2s ease-in-out;
5750	+ transition: all .2s ease-in-out
5751	}
5752
5753	.wn-mec-select .option .wn-hover-img-sh img {

5755	padding: 3px;
5756	top: -1px;
5757	left: 100%;
5758	+ box-shadow: 0 4px 42px -5px rgba(0,0,0,.16);
5759	visibility: hidden;
5760	opacity: 0;
5761	border: 1px solid #e3e3e3;
5762	border-radius: 2px;
5763	z-index: 99999999;
5764	+ background: #fff
5765	}
5766
5767	.wn-mec-select .option:hover .wn-hover-img-sh img {

5769	opacity: 1
5770	}
5771
5772	+ .wn-mec-select .option.focus,.wn-mec-select .option.selected.focus,.wn-mec-select .option:hover {


5773	background-color: #f6f6f6
5774	}
5775

5803	border-radius: 3px;
5804	border: 1px solid #eee;
5805	box-shadow: 0 1px 3px rgba(0,0,0,.025);
5806	+ background: #fff!important
5807	}
5808
5809	.mec-custom-nice-select ul.list li.option:hover {

5811	borde-color: #e0e0e0
5812	}
5813
5814	+ .mec-custom-nice-select .list:hover .option:not(:hover),.mec-custom-nice-select ul.list:hover li.option {

5815	background: #fff!important
5816	}
5817
5818	.mec-custom-nice-select ul.list {
5819	+ min-width: 600px!important;
5820	+ padding: 20px 10px!important;
5821	background: #fcfbfd;
5822	border: 1px solid #e9e9e9;
5823	+ box-shadow: 0 1px 4px rgba(0,0,0,.05)
5824	}
5825
5826	.mec-custom-nice-select ul.list li.option.selected {
5827	border: 1px solid #40d9f1;
5828	box-shadow: 0 1px 8px -3px #40d9f1 inset;
5829	color: #00cae6;
5830	+ padding: 12px 0 0 0!important
5831	}
5832
5833	.mec-custom-nice-select .wn-img-sh img {

5841	-webkit-transition: all .22s ease;
5842	-moz-transition: all .22s ease;
5843	-ms-transition: all .22s ease;
5844	+ -o-transition: all .22s ease
5845	}
5846
5847	+ .wn-mec-select .option.focus .wn-img-sh img,.wn-mec-select .option.selected.focus .wn-img-sh img,.wn-mec-select .option:hover .wn-img-sh img {


5848	background-color: #f6f6f6;
5849	filter: grayscale(0);
5850	-webkit-filter: grayscale(0)

5903	border-radius: 18px
5904	}
5905
5906	+ .mec-custom-nice-select ul.list li .wn-mec-text:after,.mec-sed-methods li:before {

5907	content: "";
5908	position: absolute;
5909	display: inline-block;

5915	cursor: pointer;
5916	border: 2px solid #e1e7ed;
5917	box-shadow: 0 2px 15px -3px rgba(69,77,89,.32);
5918	+ border-radius: 50%
5919	}
5920
5921	.mec-custom-nice-select ul.list li .wn-mec-text {
5922	position: relative;
5923	padding-top: 0;
5924	+ padding-bottom: 28px
5925	}
5926
5927	.mec-custom-nice-select ul.list li .wn-mec-text:after {
5928	left: calc(50% - 7px);
5929	top: auto;
5930	+ bottom: 1px
5931	}
5932
5933	.mec-custom-nice-select ul.list li .wn-img-sh {
5934	+ line-height: 1
5935	}
5936
5937	.mec-sed-methods li:before {

5939	top: calc(50% - 7px)
5940	}
5941
5942	+ .mec-custom-nice-select ul.list li.option.selected .wn-mec-text:after,.mec-sed-methods li.active:before {

5943	width: 4px;
5944	height: 4px;
5945	border: 7px solid #008aff;

5947	box-shadow: 0 3px 16px -3px #008aff
5948	}
5949
5950	+ .menu-icon-mec-books .wp-menu-image img,.toplevel_page_mec-intro .wp-menu-image img {
5951	+ width: 18px!important;
5952	+ padding-top: 7px!important


5953	}
5954
5955	+ .mec-add-booking-tabs-wrap,.mec-add-event-tabs-wrap,.mec-create-shortcode-tabs-wrap {



5956	display: flex;
5957	display: -webkit-box;
5958	display: -webkit-flex;
5959	+ display: -ms-flexbox
5960	}
5961
5962	+ .mec-add-booking-tabs-left,.mec-add-event-tabs-left {
5963	+ min-width: 200px


5964	}
5965
5966	+ @media(max-width: 1366px) {
5967	+ .mec-add-booking-tabs-left,.mec-add-event-tabs-left {
5968	+ min-width:137px
5969	+ }
5970	}
5971	+
5972	+ .mec-add-booking-tabs-left,.mec-add-event-tabs-left,.mec-create-shortcode-tabs-left {
5973	+ flex: 1
5974	+ }
5975	+
5976	+ .mec-add-booking-tabs-right,.mec-add-event-tabs-right,.mec-create-shortcode-tabs-right {
5977	+ flex: 6
5978	+ }
5979	+
5980	+ a.mec-add-booking-tabs-link,a.mec-add-event-tabs-link,a.mec-create-shortcode-tabs-link {
5981	+ display: block
5982	}
5983
5984	+ .mec-booking-tab-content,.mec-create-shortcode-tab-content,.mec-event-tab-content {


5985	display: none;
5986	+ transition: all .3s ease
5987	}
5988
5989	+ .mec-booking-tab-content.mec-tab-active,.mec-create-shortcode-tab-content.mec-tab-active,.mec-event-tab-content.mec-tab-active {
5990	+ display: block


5991	}
5992
5993	+ .mec-add-booking-tabs-wrap,.mec-add-event-tabs-wrap {

5994	background: #fff;
5995	+ margin: -6px -12px -12px
5996	}
5997
5998	.mec-create-shortcode-tabs-wrap {
5999	+ margin: -30px -22px -42px
6000	}
6001
6002	+ .mec-add-booking-tabs-left,.mec-add-event-tabs-left,.mec-create-shortcode-tabs-left {
6003	+ background: #f7f8f9




6004	}
6005
6006	+ .mec-add-booking-tabs-left a,.mec-add-event-tabs-left a,.mec-create-shortcode-tabs-left a {
6007	+ display: block;
6008	+ position: relative;
6009	+ outline: 0;
6010	+ padding: 13px 4px 13px 20px;
6011	+ background: #e3e5e7;
6012	+ background: 0 0;
6013	+ border: solid;
6014	+ border-width: 1px 0 1px 0;
6015	+ border-color: transparent;
6016	+ color: #3f454a;
6017	font-size: 13px;
6018	font-weight: 600;


6019	text-decoration: none;
6020	+ border-radius: 0;
6021	+ transition: all 0.2s ease




6022	}
6023
6024	+ .mec-add-booking-tabs-left a:first-of-type,.mec-add-event-tabs-left a:first-of-type,.mec-create-shortcode-tabs-left a:first-of-type {
6025	+ border-top: none;
6026	+ }
6027	+
6028	+ .mec-add-booking-tabs-left a:hover,.mec-add-event-tabs-left a:hover,.mec-create-shortcode-tabs-left a:hover {
6029	background: #fff;
6030	+ color: #07bbe9
6031	}
6032
6033	+ .mec-add-booking-tabs-left a:focus,.mec-add-event-tabs-left a:focus,.mec-create-shortcode-tabs-left a:focus {
6034	+ box-shadow: none;
6035	+ outline: unset
6036	+ }
6037	+
6038	+ .mec-add-booking-tabs-left a.mec-tab-active,.mec-add-event-tabs-left a.mec-tab-active,.mec-create-shortcode-tabs-left a.mec-tab-active {
6039	+ background: #ecf9fd;
6040	+ color: #07bbe9;
6041	+ border-color: #ccecf4;

6042	position: relative;
6043	+ padding-left: 22px;
6044	+ }
6045	+
6046	+ .inside div div > a.mec-tab-active:after,.inside div div > a.mec-tab-active:before {
6047	+ position: absolute;
6048	+ z-index: 9999;
6049	+ content: " ";
6050	+ height: 0;
6051	+ width: 0;
6052	+ border: 8px solid transparent;
6053	+ border-right-color: #fff;
6054	+ right: -1px;
6055	+ top: 13px
6056	}
6057
6058	+ .inside div div > a.mec-tab-active:before {
6059	+ border-right-color: #d7d8d9;
6060	+ right: 0
6061	+ }
6062	+
6063	+ .mec-add-booking-tabs-right,.mec-add-event-tabs-right,.mec-create-shortcode-tabs-right {
6064	padding: 0 30px 40px;
6065	+ border-left: 1px solid #e2e2e2
6066	+ }
6067	+
6068	+ .mec-booking-tab-content.mec-tab-active,.mec-create-shortcode-tab-content.mec-tab-active,.mec-event-tab-content.mec-tab-active {
6069	+ animation: fadeEffect2 .31s
6070	}
6071
6072	+ @media(max-width: 1366px) {
6073	+ .mec-add-booking-tabs-right,.mec-add-event-tabs-right,.mec-create-shortcode-tabs-right {
6074	+ padding:0 15px 20px
6075	+ }
6076	+
6077	+ .mec-form-row select {
6078	+ min-width: 60px
6079	+ }
6080	}
6081
6082	@media (min-width: 1199px) and (max-width:1280px) {
6083	+ .mec-add-booking-tabs-right,.mec-add-event-tabs-right,.mec-create-shortcode-tabs-right {
6084	+ padding:0 0 0 10px


6085	}
6086
6087	#mec_meta_box_hourly_schedule_days {
6088	+ padding: 0 40px 0 0
6089	}
6090
6091	#mec_meta_box_hourly_schedule_days .mec-form-row.mec-box {
6092	+ margin-right: -40px
6093	+ }
6094	+
6095	+ #mec_comment,#mec_cost,#mec_countdown_method,#mec_event_timezone,#mec_public,#mec_repeat_type {
6096	+ min-width: 220px;
6097	+ width: 220px
6098	}
6099
6100	+ #mec_meta_box_hourly_schedule_days .mec-box.mec-form-row input[type=text] {
6101	+ max-width: 120px


6102	}
6103
6104	.mec-form-row .mec-time-picker select {
6105	+ min-width: 60px
6106	}
6107
6108	+ #mec_countdown_method,#mec_repeat_type {

6109	min-width: 220px;
6110	+ width: 220px
6111	}
6112
6113	#mec_exceptions_in_days_container .mec-col-4 {
6114	+ width: 25%
6115	}
6116
6117	#mec_exceptions_in_days_container .mec-col-3 {
6118	+ width: 50%
6119	}
6120
6121	#mec_exceptions_in_days_container .mec-col-5 {
6122	+ width: 20%
6123	}
6124
6125	#mec_exceptions_in_days_container input[type=text] {
6126	+ width: 95%
6127	}
6128
6129	#mec_repeat_certain_weekdays_container label:not(.mec-col-3) {
6130	display: block;
6131	+ padding-left: 25%
6132	}
6133	}
6134
6135	+ @media (max-width: 1023px) {
6136	+ .post-type-mec-events h4 {
6137	+ margin-top:20px
6138	+ }
6139
6140	+ .post-type-mec-events .mec-form-row {
6141	+ padding-bottom: 20px


6142	}
6143
6144	+ .post-type-mec-events .mec-form-row .mec-form-row {
6145	+ padding: 0
6146	+ }
6147	+
6148	+ .post-type-mec-events .mec-form-row .mec-col-1,.post-type-mec-events .mec-form-row .mec-col-10,.post-type-mec-events .mec-form-row .mec-col-11,.post-type-mec-events .mec-form-row .mec-col-12,.post-type-mec-events .mec-form-row .mec-col-2,.post-type-mec-events .mec-form-row .mec-col-3,.post-type-mec-events .mec-form-row .mec-col-4,.post-type-mec-events .mec-form-row .mec-col-5,.post-type-mec-events .mec-form-row .mec-col-6,.post-type-mec-events .mec-form-row .mec-col-7,.post-type-mec-events .mec-form-row .mec-col-8,.post-type-mec-events .mec-form-row .mec-col-9 {
6149	+ display: block;
6150	+ width: 100%;
6151	+ margin: 20px 0 0 0;
6152	+ max-width: 285px
6153	+ }
6154	+
6155	+ .post-type-mec-events .mec-add-booking-tabs-left,.post-type-mec-events .mec-add-event-tabs-left {
6156	+ min-width: 180px
6157	+ }
6158	+
6159	+ .post-type-mec-events .mec-add-booking-tabs-left a,.post-type-mec-events .mec-add-event-tabs-left a,.post-type-mec-events .mec-create-shortcode-tabs-left a {
6160	+ padding-left: 10px
6161	+ }
6162	+
6163	+ #mec_repeat_type,.post-type-mec-events #mec_settings_fes_thankyou_page_url,.post-type-mec-events .mec-form-row .mec-col-4 input[type=number],.post-type-mec-events .mec-form-row .mec-col-4 input[type=text],.post-type-mec-events .mec-form-row .mec-col-4 select,.post-type-mec-events .mec-form-row .mec-col-4 textarea {
6164	+ width: 100%;
6165	+ max-width: 255px
6166	+ }
6167	+
6168	+ #mec-exceptional-days .mec-certain-day>div,#mec_exceptions_in_days_container .mec-certain-day>div {
6169	+ width: 100%;
6170	+ max-width: 255px;
6171	+ padding: 12px;
6172	+ margin: 20px 10px 0 0;
6173	+ border-radius: 8px
6174	+ }
6175	+
6176	+ .mec-certain-day .mec-in-days-day,.mec-certain-day>div .mec-not-in-days-day {
6177	+ line-height: 21px;
6178	+ font-size: 10px
6179	+ }
6180	+
6181	+ #mec_repeat_certain_weekdays_container label {
6182	+ display: block;
6183	+ margin: 20px 0 20px 0
6184	+ }
6185	+ }
6186	+
6187	+ @media (max-width: 640px) {
6188	+ .mec-add-booking-tabs-wrap,.mec-add-event-tabs-wrap,.mec-create-shortcode-tabs-wrap {
6189	+ display:block
6190	+ }
6191	+
6192	+ .post-type-mec-events .mec-add-booking-tabs-left,.post-type-mec-events .mec-add-event-tabs-left {
6193	+ min-width: 100%;
6194	+ width: 100%!important;
6195	+ display: block!important;
6196	+ float: unset;
6197	+ margin: 0;
6198	+ flex: unset;
6199	+ height: auto
6200	+ }
6201	+
6202	+ .post-type-mec-events .mec-add-booking-tabs-right,.post-type-mec-events .mec-add-event-tabs-right,.post-type-mec-events .mec-create-shortcode-tabs-right {
6203	+ display: block;
6204	+ min-width: 100%;
6205	+ width: 100%;
6206	+ margin: 0;
6207	+ flex: unset
6208	+ }
6209	+
6210	+ .post-type-mec-events .mec-add-booking-tabs-left a,.post-type-mec-events .mec-add-event-tabs-left a,.post-type-mec-events .mec-create-shortcode-tabs-left a {
6211	+ font-size: 14px;
6212	+ padding: 14px 10px 14px 15px;
6213	line-height: 1.2;
6214	+ letter-spacing: 0
6215	+ }
6216	+
6217	+ .mec-add-booking-tabs-right,.mec-add-event-tabs-right,.mec-create-shortcode-tabs-right {
6218	+ padding-left: 10px;
6219	+ padding-right: 10px
6220	+ }
6221	+
6222	+ #mec_tickets .mec-box {
6223	+ max-width: 290px
6224	}
6225	}
6226

6232
6233	to {
6234	opacity: 1;
6235	+ transform: translateX(0)
6236	}
6237	}
6238
6239	+ .mec-form-row .mec-col-8 label,.mec-form-row .mec-col-9 label {


6240	padding-right: 20px;
6241	}
6242	+
6243	@media(min-width: 860px) and (max-width:1280px) {
6244	.mec-form-row .mec-col-9 label {
6245	+ padding-right:12px
6246	}
6247	}


























































6248
6249	+ #mec-event-data .mec-form-row label {
6250	+ margin-right: 14px










6251	}
6252
6253	+ .mec-form-row input[type=date]::-webkit-calendar-picker-indicator {
6254	+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0QjQ2N0QwQjQ4MzExRUE4RDdFREZDRTUxMUVERTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0QjQ2N0QxQjQ4MzExRUE4RDdFREZDRTUxMUVERTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDRCNDY3Q0VCNDgzMTFFQThEN0VERkNFNTExRURFMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDRCNDY3Q0ZCNDgzMTFFQThEN0VERkNFNTExRURFMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WW71PAAAGIklEQVR42qRXS28bVRQ+586Mx3ZC1DSpVFojRU2CqMIGiSKxAVoUduzoDjYIlhU/Av4AYsdjRXfkD0Cjom6QqIqEqEhRo1aRkkZpkpY6j7GduQ++c2dsj1+BlInGztxvzj3nfudpPlM/otc2W2QjJmU0rZ0uUytUpBxNnN9p/FYhctF0+XUi2nPGkX7WJOfwxNRzqXxtbfI4eUvm7xY1o4iiI0d/vFiisL2BgTAz0yvbCRnLhP0uNEtqrgUseZRcwPPvJewaldSA8o48vo+Tj0U+CnrkOgZwvkEzEmGm1PF9fzK5Y3U/YlllsjRUv19zXl7571HyAjooc/kmYerpcmPO0Mfa0SyxEtji44ynOjPuayjecd7M46/MQOdGyIs9ThnzMLD0XRrwIdeetmoLm41fWiG95Ar792tydLLrOPkAlpW027hbG3+T37lf/5EtvYcXUuhfBjWp9wHRBO63c5lbEkQj2B92uaHy4l2EAQ66GFgbmiD4id/9q661ooAtf8rsvmUEilAHEqcgtJvvNq3YPTkJA8PksT9ZFxD8+4my9pvAOqOMxIMoJHfPZoJkJNiYat3duOac6hxt1N3GR8lnt0O623s+c2CVZEGaZ8Oks1mElvxu7hGYaQjpHLpH3q/YFQE7Oh5Y6gFTaHhAXlasxmoWpZO5L9Ow4DTv+UBZBAkWNO+CqhkbSOzaXWWyzY+n3WcACdVscnklz5CHYsmv1L/RyUJ/cs7zdT3Ey8pTgw/QgNNuS4XjNMvffwvBNmwDH+pdeZ3J+1qDdW15vS0iBhjZWzF9ge8HWl7zNLluYhP/9/jvFANXyL+ufF4jZvOCZsK8isp77+sixf10n7QQjJT39bBtjzdA5chtLG61n7kgk6UvDy29z4HL4c/ifkN0hYV+cA3Bc7stKAfossgSSF06+3HOu8QovE8eThDlv4pu1TbUOpqySDNUKMSDQRIo6QgVRHbFcID1mCITUGgNKLI9uBbcCC59xUi+DsiHBq0XOLb3utqOUYV+LglH9XJASRAsRNqt4xHVj59Exqw3AlrYi0PaiwNqBKoX12Y9iQSP/GkD4xZC0yt/GPFCvZzhUBoMtmPftRwMEEtpupy2auzadLraXtlNoXLhKQYLbjrWRx0cXNf24wxPSmWw5aZPNXSNOi5ytXqZpjTwSqs3PsJi0I61LG29EFG9GtyaeqgvxU17TrAkDjbvnq/eKcTYrbcemi5eHoI/OLgUt7r4n+cqd04llmZ3mjBSDQ4kYtERLLz4OKGt0xGKA9+RgiSGSRV7+UlCVvka72lEvHRx04vLGW2f/PzTBk3VtddRrGlhMXVaIdME5sLJ3ZQOTPQBNqj58uzcxsXtZEkqmQ7IB9ihLeA2x6FQqyG4cRuvbh8uNZSigzBCALhBBtrjkwjjQItQ+kPXWY6eBuEi/lmOlC8kvTh38ZLH3QC+y+GiIl4OqbeZ9RggQZgcVIXe1ep48jPkz/oGw7x1yoytIq1o59AH1Wp1rNHBSXA9tip87zYyvFzpx8dXLVTvqySvhUMNsN6+1ERrrNQVQs57H4K6cR35GrapffICb16RpO7glOHrrQyvjHXxQHB0/j1ugV0LpcFwAzS4n6hiZoIvEp2znwcSigfGJhxpMmseLc0dvFjcvRuLvdEdNyl2+0DOALwE863TM/jnJqhfQa6v4AfJzUNOZ/aVlhqIUpoO4PuU4XFsqFrSM866m9hxBXSvWPx/wHpGqA96Vfa5AH9HnMjYNI96dbkwaVzcCw/nAK+xHzp4Hp89eD04nENzX6v4cYrnrVWXXQF/Fh7MQfWasmogCNsmaT+qwD0g4gYsuYqnWlboeKMUumUr86LycxdwdRUb+zQTvAzcgL0jLXFkbkQUX5UKyFTE2bvZD0a5B8SAUu6dPf+7AInssja2VPSZRud2Ni/NKse5M2VQqkO4BxSzZLmV8Wwpa8S9OHsK3X6+Lc7F/JidOwvkc7z3FbIgzd7smy1c35TEg7NGrg6Ucs88UsCliOLHH1+Td8HYFl++W//QxfT9iSee/3lJWy5X6aMwtK3rTVWJUU4/g4GzdLLp73ku8cEDxNmXUZhc/0eAAQAVgX0RHvvILQAAAABJRU5ErkJggg==);
6255	+ background-position: center;
6256	+ background-size: cover;
6257	+ width: 10px;
6258	+ height: 12px;
6259	+ display: block
6260	}
6261
6262	+ .mec-calendar-metabox .wn-mec-select,.mec-form-row input[type=date],.mec-form-row input[type=email],.mec-form-row input[type=number],.mec-form-row input[type=tel],.mec-form-row input[type=text],.mec-form-row input[type=url],.mec-form-row select,.mec-form-row textarea,.mec-form-row.mec-skin-list-date-format-container input[type=text],.mec-occurrences-wrapper input[type=date],.mec-occurrences-wrapper input[type=email],.mec-occurrences-wrapper input[type=number],.mec-occurrences-wrapper input[type=tel],.mec-occurrences-wrapper input[type=text],.mec-occurrences-wrapper input[type=url],.mec-occurrences-wrapper select,.mec-occurrences-wrapper textarea {
6263	+ border: none;
6264	+ background-color: #f7f8f9;
6265	+ border-radius: 5px;
6266	+ height: 38px;
6267	+ line-height: 38px;
6268	+ padding-left: 10px;
6269	+ box-shadow: inset 0 1px 2px rgb(0 0 0 / 7%)
6270	}
6271
6272	+ .mec-calendar-metabox .wn-mec-select,.mec-form-row select,.post-type-mec-events .mec-form-row select,.post-type-mec_calendars .mec-form-row select,.wns-be-main .mec-form-row select {
6273	+ appearance: none;
6274	+ -webkit-appearance: none;
6275	+ -moz-appearance: none;
6276	+ cursor: pointer;
6277	+ min-height: 34px;
6278	+ line-height: 34px;
6279	+ background-color: #f7f8f9;
6280	border-radius: 2px;
6281	+ padding-left: 8px;
6282	+ box-shadow: 0 1px 3px rgb(0 0 0 / 2%);
6283	+ transition: all .23s ease;
6284	+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KPGc+CjwvZz4KCTxwYXRoIGQ9Ik0xNi4zNTQgNS4wNzVsLTcuODU1IDcuODU0LTcuODUzLTcuODU0IDAuNzA3LTAuNzA3IDcuMTQ1IDcuMTQ2IDcuMTQ4LTcuMTQ3IDAuNzA4IDAuNzA4eiIgZmlsbD0iIzAwMDAwMCIgLz4KPC9zdmc+Cg==);
6285	+ background-repeat: no-repeat;
6286	+ background-size: 26px 10px;
6287	+ background-position: right center;
6288	+ min-width: 160px;
6289	+ border: 1px solid #e6e9eb
6290	}
6291
6292	+ .post-type-mec-events .mec-form-row .mec-time-picker select,.post-type-mec-events .wn-ticket-time select {
6293	+ min-width: 60px;
6294	+ margin-bottom: 10px
6295	}
6296
6297	+ .wns-be-main .mec-col-4 select {
6298	+ min-width: unset










6299	}
6300
6301	+ .mec-form-row .nice-select {
6302	+ background-image: unset
6303	+ }




6304
6305	+ .mec-calendar-metabox .wn-mec-select.open .list {
6306	+ border-radius: 0 0 2px 2px;
6307	+ box-shadow: 0 0 0 1px #ddd,0 2px 6px rgba(0,0,0,.07)
6308	+ }

6309
6310	+ .mec-calendar-metabox .mec-custom-nice-select.open ul.list {
6311	+ border-radius: 3px;
6312	+ box-shadow: 0 2px 6px rgba(0,0,0,.07);
6313	+ margin-left: 0!important;
6314	+ transform: translateX(-50%);
6315	+ left: 50%
6316	+ }
6317	+
6318	+ .mec-custom-nice-select ul.list li.option.selected .wn-mec-text:after {
6319	+ border: 6px solid #40d9f1;
6320	+ box-shadow: 0 3px 16px -3px #40d9f1
6321	}
6322
6323	+ .m-e-calendar_page_MEC-settings .mec-form-row input+span.mec-tooltip,.m-e-calendar_page_MEC-settings .mec-form-row select+span.mec-tooltip {
6324	+ bottom: 15px

6325	}
6326
6327	.mec-form-row label+span.mec-tooltip {
6328	+ bottom: 8px
6329	}
6330
6331	.mec-form-row textarea+span.mec-tooltip {
6332	bottom: auto;
6333	vertical-align: top;
6334	+ top: 12px
6335	}
6336
6337	.mec-form-row span+span.mec-tooltip {
6338	bottom: 0;
6339	+ vertical-align: middle
6340	}
6341
6342	+ .mec-form-row .tooltip-move-up span+span.mec-tooltip i {
6343	+ margin-top: -40px
6344	+ }
6345	+
6346	+ .mec-form-row .mec-col-8 input[type=text],.mec-form-row .mec-col-8 select,.mec-form-row .mec-col-8 span.mec-archive-skins {
6347	+ vertical-align: top
6348	}
6349
6350	.mec-form-row .mec-col-8 span.mec-archive-skins input[type=text] {
6351	+ max-width: 225px
6352	}
6353
6354	.mec-form-row input:disabled {
6355	+ opacity: .6;
6356	+ background: #f6f6f6
6357	}
6358
6359	.wns-be-group-tab h5 {
6360	font-size: 16px;
6361	font-weight: 600;
6362	color: #444;
6363	+ margin: 0 0 40px 0;
6364	}
6365
6366	.mec-form-row textarea {
6367	height: auto;
6368	margin-bottom: 0;
6369	+ min-height: 60px
6370	}
6371
6372	.mec-form-row .wp-picker-container input[type=text].wp-color-picker {
6373	height: 25px;
6374	vertical-align: top;
6375	+ width: 4rem;
6376	+ margin: -10px 0 0 0 !important
6377	}
6378
6379	.mec-form-row .wp-picker-container label {
6380	+ margin: 0
6381	}
6382
6383	.mec-image-select-wrap li span:hover {
6384	border-color: #fff;
6385	+ box-shadow: 0 1px 8px rgba(0,0,0,.12)
6386	}
6387
6388	.mec-message-categories li.mec-acc-label:after {

6396	color: #999;
6397	position: absolute;
6398	right: 27px;
6399	+ top: 26px
6400	}
6401
6402	+ .mec-message-categories>li.mec-acc-label[data-status=open]:after {
6403	content: "\e607";
6404	+ color: #07bbe9
6405	}
6406
6407	+ .mec-message-categories>li.mec-acc-label[data-status=open] {
6408	+ color: #07bbe9
6409	}
6410
6411	.mec-message-categories>li.mec-acc-label:last-of-type {
6412	+ border-bottom: none
6413	}
6414
6415	+ .mec-message-categories>li.mec-acc-label[data-status=open] {
6416	+ border-bottom: 1px solid #e6e6e6
6417	}
6418
6419	.mec-form-row ul.mec-message-categories {
6420	+ box-shadow: 0 2px 16px rgba(0,0,0,.03);
6421	border-radius: 5px;
6422	overflow: hidden;
6423	margin-top: 30px;

6429	.mec-form-row ul.mec-message-categories li ul {
6430	padding: 10px 40px 40px;
6431	margin: 0 -30px 0;
6432	+ background: #fff;
6433	+ box-shadow: inset 0 6px 7px -2px rgb(0 0 0 / 4%);
6434	+ border-top: 1px solid #eee;
6435	cursor: default;
6436	}
6437
6438	.mec-form-row ul.mec-message-categories ul label {
6439	margin: 25px 8px 7px;
6440	+ /* font-weight: 600!important; */
6441	+ font-size: 14px;
6442	color: #888;
6443	cursor: default;
6444	}
6445
6446	+ #mec_calendar_display_options .mec-tooltip {
6447	+ bottom: 1px

6448	}
6449
6450	+ .mec-calendar-metabox .mec-form-row input[type=checkbox],.mec-meta-box-fields .mec-form-row input[type=checkbox] {
6451	+ margin-right: 6px
6452	}
6453
6454	+ #mec_add_fee_button,#mec_add_ticket_variation_button,#mec_meta_box_downloadable_file_options #mec_downloadable_file_remove_image_button,#taxes_option #mec_fees_list .mec-form-row .button,#ticket_variations_option #mec_ticket_variations_list .mec-form-row .button,.mec-export-settings,.mec-import-settings,.mec-meta-box-fields .mec-form-row .button:not(.wp-color-result),.mec-occurrences-wrapper .button:not(.wp-color-result) {
6455	+ border-radius: 25px;
6456	+ border: 1px solid #d1e5ec;
6457	+ text-shadow: none;
6458	+ padding: 0 16px;
6459	+ height: 35px;
6460	+ letter-spacing: .2px;
6461	+ margin-right: 5px;
6462	+ background: #fff;
6463	+ color: #07bbe9;
6464	+ box-shadow: 0 1px 5px -1px rgb(0 0 0 / 5%);
6465	+ transition: all .2s ease;
6466	}
6467
6468	+ .mec-export-settings,.mec-import-settings {
6469	+ padding: 11px 16px;
6470	+ text-decoration: none
6471	+ }
6472	+
6473	+ #mec_add_fee_button:hover,#mec_add_ticket_variation_button:hover,#mec_meta_box_downloadable_file_options #mec_downloadable_file_remove_image_button:hover,.mec-meta-box-fields .mec-form-row .button:not(.wp-color-result):hover,.mec-occurrences-wrapper .button:not(.wp-color-result):hover {
6474	+ background: #f0f9fc
6475	+ }
6476	+
6477	+ #taxes_option #mec_fees_list .mec-form-row .button,#ticket_variations_option #mec_ticket_variations_list .mec-form-row .button {
6478	+ margin: 0
6479	+ }
6480	+
6481	+ #mec-hourly-schedule .mec-form-row .mec-col-1 .button,#mec-hourly-schedule .mec-form-row.mec-box .button,#taxes_option #mec_fees_list .mec-form-row .button,#ticket_variations_option #mec_ticket_variations_list .mec-form-row .button {
6482	+ color: #ea6485;
6483	+ border-color: #ea6485
6484	+ }
6485	+
6486	+ #mec-hourly-schedule .mec-form-row .mec-col-1 .button:hover,#mec-hourly-schedule .mec-form-row.mec-box .button:hover,#taxes_option #mec_fees_list .mec-form-row .button:hover,#ticket_variations_option #mec_ticket_variations_list .mec-form-row .button:hover {
6487	+ background: rgb(234 100 133 / .1)
6488	+ }
6489	+
6490	+ #mec-hourly-schedule .mec-hourly-schedule-form-speakers {
6491	+ margin-top: 20px
6492	}
6493
6494	#mec_meta_box_downloadable_file_options #mec_downloadable_file_remove_image_button {
6495	+ margin-top: 12px
6496	+ }
6497	+
6498	+ #mec_meta_box_downloadable_file_options input[type=file] {
6499	+ max-width: 166px;
6500	+ text-align: center;
6501	+ transition: all .2s ease;
6502	+ border-radius: 5px!important;
6503	+ border: 2px dashed #b8e9f3;
6504	+ margin-bottom: 12px;
6505	+ height: 44px;
6506	+ text-decoration: none;
6507	+ padding: 0 15px 1px;
6508	+ text-transform: none;
6509	+ letter-spacing: 0;
6510	+ font-weight: 600;
6511	+ color: #40d9f1;
6512	+ box-shadow: 0 2px 6px -3px #cfeff5
6513	+ }
6514	+
6515	+ #mec_meta_box_downloadable_file_options input[type=file]:hover {
6516	+ box-shadow: 0 2px 16px -3px #cfeff5
6517	+ }
6518	+
6519	+ #mec_meta_box_downloadable_file_options input[type=file]::-webkit-file-upload-button {
6520	+ visibility: hidden;
6521	+ width: 1px;
6522	+ height: 38px
6523	+ }
6524	+
6525	+ #mec_meta_box_downloadable_file_options input[type=file]::-moz-file-upload-button {
6526	+ visibility: hidden;
6527	+ width: 1px;
6528	+ height: 38px
6529	}
6530
6531	#mec-read-more .mec-form-row span.mec-tooltip {
6532	top: 2px;
6533	+ left: -4px
6534	}
6535

6536	#mec-occurrences .mec-occurrences-list h3 {
6537	+ margin-top: 0
6538	}
6539
6540	#mec-occurrences .mec-occurrences-list .mec-form-row {
6541	+ margin-bottom: 0
6542	}
6543
6544	#mec-occurrences .mec-occurrences-list .mec-form-row label {
6545	line-height: 40px;
6546	width: 120px;
6547	display: inline-block;
6548	+ margin: 0
6549	}
6550
6551	#mec-occurrences .mec-occurrences-list .mec-form-row .event-status-schema label {
6552	width: auto;
6553	+ min-width: 160px
6554	}
6555
6556	#mec-occurrences .mec-occurrences-list .mec-form-row .event-status-schema p {
6557	border: unset;
6558	padding-left: 0;
6559	+ margin-left: 0
6560	}
6561

6562	#mec-search-settings {
6563	border-radius: 21px;
6564	min-height: 32px;
6565	+ box-shadow: inset 0 1px 2px rgba(0,0,0,.06);

6566	margin-right: 10px;
6567	color: #7c838a;
6568	font-size: 13px;
6569	width: 260px;
6570	+ background: #f7f8f9;
6571	border: none;
6572	z-index: 1;
6573	+ transition: all .18s ease;
6574	+ outline: 0;
6575	+ line-height: 36px;
6576	+ padding: 3px 10px 0 38px;
6577	}
6578
6579	#mec-search-settings:focus {
6580	background: #fff;
6581	+ box-shadow: 0 1px 6px rgba(0,0,0,.07),0 0 0 1px #e6e6e6;
6582	+ width: 270px
6583	}
6584
6585	.mec-search-settings-wrap {
6586	display: inline-block;
6587	+ position: relative
6588	}
6589
6590	.mec-search-settings-wrap i {
6591	position: absolute;
6592	+ left: 16px;
6593	+ top: 13px;
6594	font-size: 13px;
6595	color: #7e8c98;
6596	display: block;
6597	+ z-index: 2
6598	}
6599
6600	#mec-search-settings::-webkit-input-placeholder {

6613	color: #7c838a
6614	}
6615
6616	+ #wns-be-content .noresults label,#wns-be-content .results .results .noresults label {
6617	+ color: #000



6618	}
6619
6620	+ #wns-be-content .results .results .results label,#wns-be-content .results label,#wns-be-content ul li.enable,#wns-be-content ul li.enable label {
6621	+ color: #07bbe9



6622	}
6623
6624	+ #wns-be-content ul li.disable,#wns-be-content ul li.disable label {
6625	+ color: #e7e7e7

6626	}
6627

6628	.ui-datepicker.ui-widget {
6629	border: 1px solid #e8e8e8;
6630	+ box-shadow: 0 1px 9px rgba(0,0,0,.12)
6631	}
6632
6633	.ui-datepicker.ui-widget select {

6635	font-size: 12px;
6636	border-radius: 2px;
6637	padding: 2px 10px;
6638	+ margin: 1px 3px 5px
6639	}
6640
6641	.ui-datepicker.ui-widget table {
6642	+ border-spacing: 2px
6643	}
6644
6645	+ .ui-datepicker.ui-widget td,.ui-datepicker.ui-widget tr {

6646	padding: 0;
6647	+ background: 0 0!important
6648	}
6649
6650	.ui-datepicker.ui-widget td a {

6657	border-radius: 33px;
6658	padding: 0;
6659	background: #fff;
6660	+ transition: all .2s ease
6661	}
6662
6663	+ .ui-datepicker.ui-widget td a.ui-state-active,.ui-datepicker.ui-widget td a:hover {

6664	background: #40d9f1;
6665	+ color: #fff
6666	}
6667
6668	+ .ui-datepicker.ui-widget .ui-datepicker-next,.ui-datepicker.ui-widget .ui-datepicker-prev {

6669	color: #40d9f1;
6670	width: 30px;
6671	height: 30px;

6674	text-align: center;
6675	border-radius: 33px;
6676	background: #ecfcff;
6677	+ transition: all .2s ease
6678	}
6679
6680	+ .ui-datepicker.ui-widget .ui-datepicker-next:hover,.ui-datepicker.ui-widget .ui-datepicker-prev:hover {

6681	background: #fff;
6682	+ box-shadow: 0 0 7px -3px rgba(0,0,0,.4)
6683	}
6684

6685	#mec-wrap {
6686	width: 92%;
6687	margin: 20px auto;
6688	max-width: 1384px
6689	}
6690	+
6691	#mec-wrap h2.nav-tab-wrapper {
6692	margin-bottom: 40px;
6693	padding: 0;

6695	margin-top: 35px;
6696	clear: both;
6697	background: #fff;
6698	+ box-shadow: 0 3px 12px -4px rgba(0,0,0,.13)
6699	}
6700	+
6701	#mec-wrap .nav-tab-wrapper .nav-tab {
6702	position: relative;
6703	padding: 28px 22px;

6725	background: #e9e9e9
6726	}
6727
6728	+ #mec-wrap .nav-tab-wrapper .nav-tab-active,#mec-wrap .nav-tab-wrapper .nav-tab-active:focus,#mec-wrap .nav-tab-wrapper .nav-tab-active:focus:active,#mec-wrap .nav-tab-wrapper .nav-tab-active:hover {



6729	background: #008aff;
6730	+ background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%);
6731	color: #fff;
6732	outline: 0;
6733	box-shadow: 0 5px 25px -7px #008aff;

6753
6754	#mec-wrap .mec-container {
6755	padding: 25px 40px 40px;
6756	+ box-shadow: 0 3px 10px -4px rgba(0,0,0,.1)
6757	}
6758
6759	#wpwrap .mec-button-primary {

6763	box-shadow: 0 3px 10px -4px #008aff;
6764	text-shadow: none;
6765	background: #008aff;
6766	+ background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%);
6767	border: none;
6768	+ transition: .24s
6769	}
6770
6771	#wpwrap .mec-button-primary:hover {
6772	background: #222;
6773	+ background: linear-gradient(95deg,#555 0,#222 50%,#000 100%);
6774	+ box-shadow: 0 5px 15px -7px rgba(0,0,0,.5);
6775	+ cursor: pointer
6776	}
6777

6778	.wn-p-t-right {
6779	min-width: 300px;
6780	max-width: 400px;

6782	top: -8px;
6783	left: 50%;
6784	margin-top: 0;
6785	+ transform: translate(-50%,-100%);
6786	padding: 0;
6787	background-color: #535a61;
6788	color: #fff;

6799	opacity: 0;
6800	transition: opacity .23s;
6801	padding: 20px;
6802	+ border-radius: 8px
6803	}
6804
6805	.wn-p-t-right i {
6806	+ position: absolute!important;
6807	top: 100%;
6808	right: 50%;
6809	+ margin-top: -6px!important;
6810	+ margin-right: -6px!important;
6811	width: 12px;
6812	height: 24px;
6813	overflow: hidden;
6814	+ transform: rotate(-90deg)
6815	}
6816
6817	.wn-p-t-right i:after {

6821	height: 12px;
6822	left: 0;
6823	top: 50%;
6824	+ transform: translate(50%,-50%) rotate(-45deg);
6825	background-color: #535a61;
6826	+ box-shadow: 0 8px 9px -4px #535a61
6827	}
6828
6829	.wn-p-t-right .wn-p-t-text-content h5 {

6836	margin-bottom: 10px;
6837	background: #3a3f44;
6838	border-bottom: 1px solid #32363a;
6839	+ border-radius: 6px 6px 0 0
6840	}
6841
6842	.mec-addon-box-footer a:hover .wn-p-t-right {
6843	visibility: visible;
6844	+ opacity: 1
6845	}
6846
6847	+ #mec_organizer_user+.select2-container,#mec_speaker_user+.select2-container {
6848	+ min-width: 224px!important


6849	}
6850
6851	+ .mec-add-event-tabs-wrap .select2-container,.mec-create-shortcode-tab-content .select2-container {


6852	min-height: 38px;
6853	height: auto;
6854	box-sizing: border-box;

6855	padding: 0 6px;
6856	border-radius: 2px;
6857	border: 1px solid #ddd;
6858	+ box-shadow: inset 0 1px 6px rgba(0,0,0,.07);
6859	background-color: #fff;
6860	color: #32373c;
6861	+ outline: 0;
6862	+ transition: 50ms border-color ease-in-out;
6863	min-width: 200px;
6864	+ font-size: 14px
6865	}
6866
6867	+ .mec-add-event-tabs-wrap .select2-selection,.mec-create-shortcode-tab-content .select2-selection {

6868	border: none;
6869	+ background: 0 0;
6870	padding-top: 3px;
6871	width: 100%;
6872	+ height: 100%
6873	}
6874
6875	+ .mec-add-event-tabs-wrap .select2-container--default.select2-container--focus .select2-selection,.mec-create-shortcode-tab-content .select2-container--default.select2-container--focus .select2-selection {
6876	+ border: none!important;
6877	+ outline: 0

6878	}
6879	+
6880	+ .mec-add-event-tabs-wrap .select2-container--default .select2-selection--single .select2-selection__arrow,.mec-create-shortcode-tab-content .select2-container--default .select2-selection--single .select2-selection__arrow {
6881	top: 5px;
6882	+ right: 4px
6883	}
6884

6885	.fs-webform-container div .fserv-container {
6886	+ width: 100%!important;
6887	+ max-width: none!important;
6888	+ min-height: 208px!important;
6889	+ box-shadow: 0 1px 16px rgba(0,0,0,.034)!important;
6890	+ border-radius: 2px!important;
6891	+ padding: 0!important;
6892	+ margin-bottom: 0!important;
6893	+ margin-top: 30px!important
6894	}
6895
6896	.fserv-container .fserv-form-name {
6897	+ font-weight: 600!important;
6898	+ position: relative!important;
6899	+ font-size: 20px!important;
6900	+ padding: 20px!important;
6901	+ border-bottom: 1px solid #ededed!important;
6902	+ text-align: left!important;
6903	+ margin: 0!important
6904	}
6905
6906	.fserv-form-description {
6907	+ padding: 10px 30px!important;
6908	+ margin: 1em 0 0!important;
6909	+ line-height: 1.5!important;
6910	+ font-size: 16px!important
6911	}
6912
6913	.fserv-container form {
6914	+ padding: 0!important;
6915	+ padding-left: 28px!important
6916	}
6917
6918	.fserv-container .fserv-label {
6919	+ display: none!important
6920	}
6921
6922	.fserv-field {
6923	display: inline-block;
6924	+ width: 41%!important;
6925	+ padding: 0!important;
6926	+ margin: 0!important;
6927	+ margin-right: 25px!important
6928	}
6929
6930	.fserv-field+div:not(.fserv-field) {
6931	+ margin: 0!important;
6932	+ border: none!important;
6933	+ text-align: left!important;
6934	+ padding-left: 4px!important;
6935	+ margin-top: 0!important;
6936	+ padding-top: 0!important;
6937	display: inline-block;
6938	+ margin-right: 10px!important
6939	}
6940
6941	.fserv-container .powered-by {
6942	+ display: none!important
6943	}
6944
6945	#webnus-dashboard .mec-intro-section .mec-intro-section-link-tag {
6946	font-weight: 500;
6947	border-radius: 2px;
6948	text-shadow: none;
6949	+ box-shadow: 0 1px 3px rgba(0,0,0,.06);
6950	background: #fff;
6951	+ background: linear-gradient(95deg,#fff 0,#fff 50%,#fff 100%)!important;
6952	border: 1px solid #e7e7e7;
6953	+ transition: .24s
6954	}
6955
6956	+ #webnus-dashboard .mec-intro-section .mec-intro-section-link-tag.button-primary,#webnus-dashboard .total-bookings button,button.fserv-button-submit {
6957	+ color: #fff!important;
6958	+ font-weight: 500!important;
6959	+ border-radius: 2px!important;
6960	+ box-shadow: 0 3px 10px -4px #008aff!important;
6961	+ text-shadow: none!important;
6962	+ background: #008aff!important;
6963	+ background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%)!important;
6964	+ border: none!important;
6965	+ transition: .24s!important


6966	}
6967
6968	#webnus-dashboard .total-bookings button {
6969	line-height: 39px;
6970	+ padding: 0 36px
6971	}
6972
6973	+ #webnus-dashboard .mec-intro-section .mec-intro-section-link-tag.button-primary,#webnus-dashboard .mec-intro-section .mec-intro-section-link-tag:hover {
6974	+ color: #fff!important

6975	}
6976
6977	+ #webnus-dashboard .mec-intro-section .mec-intro-section-link-tag:hover,#webnus-dashboard .total-bookings button:hover,button.fserv-button-submit:hover {
6978	+ background: #222!important;
6979	+ background: linear-gradient(95deg,#555 0,#222 50%,#000 100%)!important;
6980	+ box-shadow: 0 5px 23px -7px rgba(0,0,0,.5)!important;
6981	+ cursor: pointer!important


6982	}
6983
6984	.fserv-container input::-webkit-input-placeholder {
6985	+ font-family: Inherit!important;
6986	font-size: 14px
6987	}
6988
6989	.fserv-container input::-moz-placeholder {
6990	+ font-family: Inherit!important;
6991	font-size: 14px
6992	}
6993
6994	.fserv-container input:-ms-input-placeholder {
6995	+ font-family: Inherit!important;
6996	font-size: 14px
6997	}
6998
6999	.fserv-container input:-moz-placeholder {
7000	+ font-family: Inherit!important;
7001	font-size: 14px
7002	}
7003

7008	padding: 0 6px;
7009	box-shadow: none;
7010	border-radius: 2px;
7011	+ box-shadow: inset 0 1px 5px rgba(0,0,0,.05)
7012	}
7013
7014	.fserv-field label.error {
7015	+ display: none!important
7016	}
7017
7018	.fs-notifier {
7019	+ position: fixed!important;
7020	+ top: 40px!important;
7021	+ width: 300px!important;
7022	+ max-width: 300px!important;
7023	+ margin: 0!important;
7024	+ right: 20px!important;
7025	+ left: unset!important
7026	}
7027

7028	.post-type-mec-events .lity {
7029	+ background: #edf0f3
7030	}
7031
7032	.post-type-mec-events .lity-container {
7033	width: 60vW;
7034	max-width: 883px;
7035	margin: 0 auto;
7036	+ border-radius: 7px
7037	}
7038
7039	.post-type-mec-events .lity-content:after {
7040	+ display: none
7041	}
7042
7043	.mec-manage-events-lightbox {
7044	+ box-shadow: 0 3px 20px rgba(0,0,0,.05)
7045	}
7046
7047	.w-clearfix.mec-attendees-content img {

7049	width: 25px;
7050	height: 25px;
7051	vertical-align: middle;
7052	+ margin-right: 7px
7053	}
7054
7055	.post-type-mec-events .mec-attendees-list-head {
7056	+ background: #008aff;
7057	color: #fff;
7058	text-align: center;
7059	padding: 17px 0;
7060	text-transform: capitalize;
7061	font-size: 26px;
7062	+ font-weight: 700;
7063	+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
7064	border-radius: 7px 7px 0 0;
7065	line-height: 43px;
7066	+ box-shadow: 0 3px 15px rgba(0,138,255,.25);
7067	+ z-index: 99
7068	}
7069
7070	.mec-attendees-list-wrap {
7071	display: flex;
7072	width: 100%;
7073	flex-direction: column;
7074	+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
7075	background: #fff;
7076	+ box-shadow: 0 3px 20px rgba(0,0,0,.05);
7077	border-radius: 0 0 5px 5px;
7078	+ overflow: hidden
7079	}
7080	+
7081	.mec-attendees-list-left {
7082	flex: 1;
7083	+ background: #f6f8fa;
7084	padding: 0;
7085	border-radius: 0;
7086	+ position: relative
7087	}
7088	+
7089	+ .mec-attendees-list-right,.mec-send-email-form-wrap {
7090	flex: 1;
7091	border-radius: 0 0 5px 5px;
7092	padding: 0 20px 20px;
7093	+ background: #f2f4f7
7094	}
7095	+
7096	.mec-attendees-list-left-menu a {
7097	display: inline-block;
7098	line-height: 22px;

7104	padding-bottom: 0;
7105	padding: 7px 6px;
7106	margin-bottom: 0;
7107	+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;




7108	transition: all .2s ease;
7109	text-decoration: none;
7110	+ text-align: center
7111	}
7112
7113	.mec-attendees-list-left-menu a.selected-day {
7114	+ color: #008aff
7115	}
7116

7117	.mec-attendees-list-left-menu .owl-item:last-child a {
7118	+ border-right: 1px solid #eaebec
7119	}
7120
7121	.mec-attendees-list-right table {
7122	+ width: 100%
7123	}
7124
7125	.w-clearfix.mec-attendees-head {
7126	margin-top: 30px;
7127	+ border-bottom: 2px solid #008aff;
7128	padding-bottom: 18px;
7129	+ margin-bottom: 3px
7130	}
7131
7132	+ .w-clearfix.mec-attendees-content [class^=w-col-xs-],.w-clearfix.mec-attendees-head [class^=w-col-xs-] {
7133	+ padding: 0

7134	}
7135
7136	.w-clearfix.mec-attendees-head span {
7137	font-weight: 600;
7138	color: #000;
7139	+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
7140	+ font-size: 17px
7141	}
7142
7143	.w-clearfix.mec-attendees-content {
7144	background: #fff;
7145	margin-bottom: 2px;
7146	+ padding: 10px 20px
7147	}
7148
7149	.mec-attendees-list-left-menu {
7150	+ height: 36px;
7151	margin-left: 35px;
7152	+ margin-right: 36px
7153	}
7154
7155	+ .mec-attendees-list-left-menu a:active,.mec-attendees-list-left-menu a:focus,.mec-attendees-list-left-menu a:visited {


7156	outline: 0;
7157	+ box-shadow: none
7158	}
7159
7160	.mec-attendees-list-left-menu .owl-item {
7161	+ display: inline-block
7162	}
7163
7164	.mec-attendees-list-left-menu .owl-stage {
7165	+ min-width: 800px!important
7166	}
7167
7168	.owl-nav.disabled .owl-next {
7169	position: absolute;
7170	right: 0;
7171	+ top: 0
7172	}
7173
7174	.owl-nav.disabled .owl-prev {
7175	position: absolute;
7176	left: 0;
7177	+ top: 0
7178	}
7179
7180	.owl-nav.disabled button {

7184	height: 36px;
7185	width: 36px;
7186	font-size: 54px;
7187	+ line-height: 54px
7188	}
7189
7190	.owl-nav.disabled button span {
7191	margin-top: -18px;
7192	+ display: block
7193	}
7194
7195	.mec-cover-loader:after {

7199	right: 0;
7200	left: 0;
7201	bottom: 0;
7202	+ background: rgba(255,255,255,.5);
7203	+ z-index: 99999
7204	}
7205
7206	.mec-loader {
7207	+ background: rgba(0,0,0,0);
7208	position: absolute;
7209	top: 50%;
7210	left: 50%;
7211	+ transform: translate(-50%,-50%);
7212	+ z-index: 9
7213	}
7214
7215	+ .mec-loader,.mec-loader:after {

7216	border-radius: 50%;
7217	width: 5em;
7218	height: 5em;
7219	+ z-index: 999999999999
7220	}
7221
7222	.mec-loader {
7223	font-size: 10px;
7224	text-indent: -9999em;
7225	+ border-top: .5em solid rgba(0,0,0,.2);
7226	+ border-right: .5em solid rgba(0,0,0,.2);
7227	+ border-bottom: .5em solid rgba(0,0,0,.2);
7228	+ border-left: .5em solid #fff;
7229	-webkit-transform: translateZ(0);
7230	-ms-transform: translateZ(0);
7231	transform: translateZ(0);
7232	-webkit-animation: mecloader 1.1s infinite linear;
7233	+ animation: mecloader 1.1s infinite linear
7234	}
7235
7236	+ @media(max-width: 992px) {
7237	.post-type-mec-events .lity-container {
7238	+ width:80vw
7239	}
7240	}
7241
7242	@-webkit-keyframes mecloader {
7243	0% {
7244	+ -webkit-transform: rotate(0);
7245	+ transform: rotate(0)
7246	}
7247
7248	100% {
7249	-webkit-transform: rotate(360deg);
7250	+ transform: rotate(360deg)
7251	}
7252	}
7253
7254	@keyframes mecloader {
7255	0% {
7256	+ -webkit-transform: rotate(0);
7257	+ transform: rotate(0)
7258	}
7259
7260	100% {
7261	-webkit-transform: rotate(360deg);
7262	+ transform: rotate(360deg)
7263	}
7264	}
7265
7266	+ .mec-report-backtoselect-wrap,.mec-report-sendmail-form-wrap {
7267	+ display: none


7268	}
7269	+
7270	.mec-report-select-event-wrap .select2 {
7271	+ width: 100%!important
7272	}
7273
7274	.mec-report-select-event-wrap .select2-container--default .select2-selection--single {

7277	height: 38px;
7278	padding-top: 5px;
7279	width: 100%;
7280	+ box-shadow: 0 2px 3px rgba(0,0,0,.03)
7281	}
7282
7283	.mec-report-select-event-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
7284	+ height: 36px
7285	}
7286
7287	.mec-report-select-event-wrap .select2-container--open .select2-dropdown--below {
7288	+ box-shadow: 0 2px 8px rgba(0,0,0,.12);
7289	+ border-color: #d7d8d9
7290	}
7291
7292	.select2-container--default .select2-search--dropdown .select2-search__field {
7293	+ box-shadow: 0 2px 8px rgba(0,0,0,.06) inset;
7294	border-color: #d7d8d9;
7295	+ border-radius: 2px
7296	}
7297
7298	+ .mec-report-select-event-wrap input[type=text],.mec-report-select-event-wrap select {

7299	border: 1px solid #e2e3e4;
7300	font-size: 13px;
7301	font-weight: 400;
7302	+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
7303	margin-bottom: 15px;
7304	border-radius: 2px;
7305	+ box-shadow: 0 2px 3px rgba(0,0,0,.03);
7306	+ max-width: 150px
7307	}
7308
7309	.mec-report-select-event-wrap .select2-container--default {
7310	+ max-width: 400px
7311	}
7312
7313	.mec-report-select-event-wrap select.mec-reports-selectbox-dates {
7314	height: 38px;
7315	min-width: 260px;
7316	margin: 0 0 0 10px;
7317	+ padding-left: 15px
7318	}
7319
7320	+ .mec-report-sendmail-form-wrap,.mec-report-sendmail-wrap {

7321	padding: 30px 15px;
7322	background: #fff;
7323	border: 1px solid #e2e3e4;
7324	margin: 15px 0 5px;
7325	border-radius: 2px;
7326	+ box-shadow: 0 1px 4px rgba(0,0,0,.02)
7327	}
7328
7329	.mec-report-sendmail-wrap .w-col-sm-12:before {
7330	+ background: url(../img/email-document.png) no-repeat left top;
7331	content: "";
7332	display: block;
7333	width: 90px;
7334	height: 70px;
7335	z-index: 100;
7336	+ float: left
7337	}
7338
7339	.mec-report-sendmail-wrap p {
7340	margin: 0 0 15px;
7341	font-size: 15px;
7342	+ color: #7d8284
7343	}
7344
7345	+ .mec-report-backtoselect-wrap button,.mec-report-sendmail-wrap .w-col-sm-12 button,.mec-send-email-form-wrap .mec-send-email-button {


7346	background: #19cde9;
7347	border: none;
7348	color: #fff;
7349	+ font-size: 13px!important;
7350	padding: 6px 16px;
7351	border-radius: 2px;
7352	cursor: pointer;
7353	+ box-shadow: 0 1px 2px rgba(25,205,233,.25);
7354	+ transition: all .2s ease
7355	}
7356
7357	+ .mec-report-backtoselect-wrap button:hover,.mec-report-sendmail-wrap .w-col-sm-12 button:hover,.mec-send-email-form-wrap .mec-send-email-button:hover {


7358	background: #04bfdc;
7359	+ box-shadow: 0 1px 2px rgba(25,205,233,.05)
7360	}
7361
7362	.mec-report-backtoselect-wrap button {
7363	+ margin-top: 15px
7364	}
7365
7366	.mec-report-selected-event-attendees-wrap {

7368	padding: 0;
7369	margin: 20px 0;
7370	border-radius: 3px;
7371	+ box-shadow: 0 2px 14px rgba(25,205,233,.1);
7372	+ display: none
7373	}
7374
7375	.mec-report-sendmail-wrap {
7376	+ display: none
7377	}
7378
7379	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-head {

7381	border-bottom: 1px solid #96e3ef;
7382	padding: 15px;
7383	margin: 0;
7384	+ border-radius: 3px 3px 0 0
7385	}
7386
7387	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content {

7389	padding: 8px 15px;
7390	border-bottom: 1px solid #e4eef0;
7391	font-size: 13px;
7392	+ line-height: 25px
7393	}
7394
7395	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content:hover {
7396	+ background: #f3fdfe
7397	}
7398
7399	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content:last-child {
7400	border-bottom: none;
7401	+ border-radius: 0 0 3px 3px
7402	}
7403
7404	.mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content img {
7405	border-radius: 25px;
7406	+ margin-left: 8px
7407	}
7408
7409	+ .mec-report-selected-event-attendees-wrap input[type=checkbox] {
7410	border-radius: 3px;
7411	+ margin-top: 0

7412	}
7413
7414	.mec-report-selected-event-attendees-wrap .mec-attendees-head .w-col-xs-2.name {

7416	}
7417
7418	.mec-report-selected-event-attendees-wrap .checkin_status span {
7419	+ font-weight: 600
7420	}
7421
7422	.mec-report-selected-event-attendees-wrap .w-col-sm-12>p {
7423	text-align: center
7424	}
7425
7426	+ .mec-attendees-list-right,.mec-send-email-form-wrap {

7427	flex: 1;
7428	border-radius: 0;
7429	padding: 0;
7430	+ background: 0 0;
7431	max-width: 674px;
7432	+ margin: 0 auto
7433	}
7434
7435	.mec-report-sendmail-form-wrap {
7436	+ padding: 0 30px 45px
7437	}
7438
7439	.mec-send-email-form-wrap h2 {
7440	+ background: url(../img/email-document.png) no-repeat center top;
7441	padding-top: 70px;
7442	font-size: 22px;
7443	font-weight: 600;
7444	text-align: center;
7445	padding-bottom: 10px;
7446	padding-left: 10px;
7447	+ margin-bottom: 0
7448	}
7449
7450	#webnus-dashboard .mec-send-email-form-wrap .wp-editor-tools button {
7451	font-size: 13px;
7452	+ font-weight: 400;
7453	color: #444;
7454	line-height: 1;
7455	+ margin-bottom: 0
7456	}
7457
7458	#webnus-dashboard .mec-send-email-form-wrap .wp-editor-tabs button {
7459	+ min-height: 30px
7460	}
7461
7462	.mec-send-email-form-wrap input.widefat {
7463	min-height: 40px;
7464	border: 1px solid #e2e3e4;
7465	border-radius: 2px;
7466	+ box-shadow: 0 1px 4px rgba(0,0,0,.02)
7467	}
7468
7469	.mec-send-email-form-wrap input.widefat:focus {
7470	+ border: 1px solid #96e3ef
7471	}
7472
7473	.mec-send-email-form-wrap h4.mec-send-email-count {

7475	text-align: center;
7476	margin-bottom: 30px;
7477	margin-top: 0;
7478	+ padding-top: 0
7479	}
7480
7481	.mec-send-email-form-wrap .mec-send-email-button {
7482	min-height: 40px;
7483	line-height: 40px;
7484	padding: 0;
7485	+ font-size: 17px!important;
7486	+ font-weight: 600
7487	}
7488
7489	.mec-send-email-form-wrap .mce-menubtn.mce-fixed-width span {
7490	height: 20px;
7491	+ padding-top: 2px
7492	}
7493

7494	.lity.mec-add-shortcode-popup {
7495	+ background-color: #b7e4e3
7496	}
7497
7498	.lity.mec-add-shortcode-popup .lity-content {
7499	+ box-shadow: 0 3px 20px 0 rgba(91,188,190,.55);
7500	border-radius: 10px;
7501	+ height: 100%
7502	}
7503
7504	.mec-add-shortcode-popup .lity-container {
7505	width: 930px;
7506	+ height: 620px
7507	}
7508
7509	.mec-add-shortcode-popup .lity-content:after {
7510	+ display: none
7511	}
7512
7513	.mec-add-shortcode-popup div#mec_popup_shortcode {

7516	display: flex;
7517	width: 100%;
7518	border-radius: 10px;
7519	+ height: 100%
7520	}
7521	+
7522	.mec-steps-container {
7523	width: 92px;
7524	text-align: center;
7525	+ background: #fff
7526	}
7527
7528	.mec-steps-panel {
7529	width: calc(100% - 92px);
7530	+ background: #eef4f5
7531	}
7532
7533	.mec-steps-container ul {
7534	text-align: center;
7535	display: block;
7536	+ margin-top: 62px
7537	}
7538
7539	.mec-steps-container ul li {
7540	width: 22px;
7541	height: 70px;
7542	margin: 0 auto;
7543	+ position: relative
7544	}
7545
7546	.mec-steps-container ul li span {
7547	border-radius: 50px;
7548	+ background-color: rgba(26,175,251,.16);
7549	width: 22px;
7550	height: 22px;
7551	display: inline-block;
7552	padding-top: 2px;
7553	font-size: 11px;
7554	+ font-weight: 700;
7555	+ color: #1aaffb
7556	}
7557
7558	+ .mec-steps-container ul li:after,.mec-steps-container ul li:before {

7559	content: '';
7560	display: block;
7561	height: 24px;
7562	width: 2px;
7563	+ background: rgba(26,175,251,.16);
7564	+ margin-left: calc(50% - 1px)
7565	}
7566
7567	+ .mec-steps-container ul li:first-of-type:before,.mec-steps-container ul li:last-of-type:after {
7568	+ display: none

7569	}
7570
7571	.mec-steps-container ul li:first-of-type {
7572	+ height: 46px
7573	}
7574
7575	+ li.mec-step.mec-step-passed span,li.mec-step.mec-step-passed:after,li.mec-step.mec-step-passed:before {
7576	+ background-color: #2dcb73;
7577	+ color: #fff


7578	}
7579
7580	.mec-steps-container img {
7581	+ margin-top: 27px
7582	}
7583
7584	.mec-steps-header {
7585	display: flex;
7586	background: #fff;
7587	border-radius: 5px;
7588	+ box-shadow: 0 3px 22px 0 rgba(11,121,125,.01);
7589	padding: 12px 22px;
7590	+ margin-bottom: 50px
7591	}
7592
7593	.mec-steps-header-settings {
7594	+ width: 65px
7595	}
7596
7597	.mec-steps-header-userinfo {
7598	+ width: calc(100% - 65px)
7599	}
7600
7601	.mec-steps-panel {

7603	position: relative;
7604	display: flex;
7605	flex-direction: column;
7606	+ justify-content: space-between
7607	}
7608
7609	.mec-steps-header-userinfo span {
7610	display: inline-block;
7611	+ vertical-align: middle
7612	}
7613
7614	.mec-steps-header-userinfo span img {
7615	height: 40px;
7616	border-radius: 50px;
7617	margin-right: 8px;
7618	+ vertical-align: middle
7619	}
7620
7621	.mec-steps-header-userinfo span.mec-steps-header-name {
7622	font-size: 14px;
7623	+ color: #778182
7624	}
7625
7626	span.mec-steps-header-add-text {
7627	color: #839294;
7628	font-size: 12px;
7629	+ margin-left: 5px
7630	}
7631
7632	.mec-steps-header-settings a {

7635	padding-top: 11px;
7636	text-decoration: none;
7637	font-size: 12px;
7638	+ color: #707070
7639	}
7640
7641	.mec-steps-header-settings a i {
7642	+ color: #1aaffb;
7643	font-size: 16px;
7644	vertical-align: text-top;
7645	+ margin-right: 5px
7646	}
7647
7648	.mec-next-previous-buttons {
7649	+ clear: both
7650	}
7651
7652	.mec-next-previous-buttons button.mec-button-next {
7653	float: right;
7654	+ background: #008aff;
7655	border: none;
7656	color: #fff;
7657	cursor: pointer;

7660	padding: 8px 18px 9px;
7661	border-radius: 3px;
7662	font-size: 14px;
7663	+ box-shadow: 0 5px 10px 0 rgba(0,138,255,.3);
7664	+ transition: all .3s ease;
7665	+ outline: 0
7666	}
7667
7668	.mec-next-previous-buttons button:hover {
7669	background: #000;
7670	+ box-shadow: 0 5px 10px 0 rgba(0,0,0,.3)
7671	}
7672
7673	.mec-next-previous-buttons button.mec-button-next img {
7674	position: absolute;
7675	top: 16px;
7676	+ right: 18px
7677	}
7678
7679	.mec-next-previous-buttons button {
7680	+ position: relative
7681	}
7682
7683	.mec-next-previous-buttons button.mec-button-prev {

7690	padding: 8px 15px 9px;
7691	border-radius: 3px;
7692	font-size: 14px;
7693	+ box-shadow: 0 5px 10px 0 rgba(11,121,125,.01);
7694	transition: all .3s ease;
7695	+ outline: 0
7696	}
7697
7698	.mec-next-previous-buttons button.mec-button-prev img {
7699	position: absolute;
7700	top: 16px;
7701	+ left: 18px
7702	}
7703
7704	.mec-next-previous-buttons button.mec-button-prev:hover {
7705	background: #000;
7706	+ box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
7707	+ color: #fff
7708	}
7709

7710	.mec-next-previous-buttons button.mec-button-new {
7711	background: #008aff;
7712	float: right;

7718	padding: 8px 18px 9px;
7719	border-radius: 3px;
7720	font-size: 14px;
7721	+ box-shadow: 0 5px 10px 0 rgba(0,138,255,.3);
7722	transition: all .3s ease;
7723	+ outline: 0
7724	}
7725
7726	.mec-next-previous-buttons button.mec-button-new:hover {
7727	background: #000;
7728	+ box-shadow: 0 5px 10px 0 rgba(0,0,0,.3)
7729	}
7730
7731	.mec-next-previous-buttons button.mec-button-new img {
7732	vertical-align: sub;
7733	margin-left: -3px;
7734	+ margin-right: 8px
7735	}
7736
7737	div#mec_popup_shortcode_form {
7738	+ height: calc(100% - 37px)
7739	}
7740
7741	.mec-steps-content-container {
7742	display: flex;
7743	flex-direction: column;
7744	+ height: 100%
7745	}
7746

7747	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 {
7748	+ background: url(../../assets/img/popup/first-step.png) no-repeat 90% 70%
7749	}
7750	+
7751	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .popup-sh-name-required {
7752	color: red;
7753	display: none;
7754	font-style: italic;
7755	font-size: 12px;
7756	+ margin-top: 8px
7757	}
7758	+
7759	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 {
7760	top: 50%;
7761	position: absolute;
7762	+ width: 360px
7763	}
7764
7765	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 input[name="shortcode[name]"] {

7769	border-radius: 3px;
7770	padding-left: 36px;
7771	font-size: 12px;
7772	+ color: #b1b2b4;
7773	+ box-shadow: 0 3px 22px 0 rgba(11,121,125,.01)
7774	}
7775
7776	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 input[name="shortcode[name]"]::-webkit-input-placeholder {
7777	+ color: #b1b2b4
7778	}
7779
7780	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 input[name="shortcode[name]"]:-ms-input-placeholder {
7781	+ color: #b1b2b4
7782	}
7783
7784	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 input[name="shortcode[name]"]::placeholder {
7785	+ color: #b1b2b4
7786	}
7787
7788	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1:before {
7789	content: '';
7790	width: 14px;
7791	height: 14px;
7792	+ background: url(../../assets/img/popup/add-sh-icon.png) no-repeat center center;
7793	position: absolute;
7794	top: 17px;
7795	+ left: 17px
7796	}
7797



7798	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul {
7799	height: 386px;
7800	overflow-x: hidden;

7803	margin-top: -22px;
7804	margin-bottom: 0;
7805	position: relative;
7806	+ padding-bottom: 19px!important
7807	}
7808
7809	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li {

7816	text-align: center;
7817	padding: 10px!important;
7818	border-radius: 5px;
7819	+ border: 2px solid #c4edff;
7820	background: #fff!important;
7821	+ cursor: pointer
7822	}
7823
7824	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li.active {
7825	+ border-color: #00acf8;
7826	+ box-shadow: 0 3px 5px rgba(0,172,248,.2)
7827	}
7828
7829	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-img img {

7837	-webkit-transition: all .22s ease;
7838	-moz-transition: all .22s ease;
7839	-ms-transition: all .22s ease;
7840	+ -o-transition: all .22s ease
7841	}
7842
7843	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-text input {
7844	display: block;
7845	margin: 0 auto;
7846	margin-top: 6px;
7847	+ border: 2px solid #e1e7ed;
7848	+ box-shadow: 0 3px 6px 0 rgba(0,0,0,.05);
7849	+ position: relative
7850	}
7851
7852	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-img {
7853	+ padding-top: 16px
7854	}
7855
7856	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li .mec-step-popup-skin-text input {
7857	+ display: none
7858	}
7859
7860	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-text:before {

7869	top: 24px;
7870	z-index: 99;
7871	border: 2px solid #e1e7ed;
7872	+ box-shadow: 0 3px 6px 0 rgba(0,0,0,.05)
7873	}
7874
7875	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-text {
7876	+ position: relative
7877	}
7878
7879	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 li.active .mec-step-popup-skin-text:before {

7881	border: none;
7882	box-shadow: 0 5px 10px 0 rgba(0,138,255,.3);
7883	width: 16px;
7884	+ height: 16px
7885	}
7886
7887	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 li.active .mec-step-popup-skin-text:after {

7894	left: calc(50% - 1px);
7895	top: 30px;
7896	z-index: 999;
7897	+ border-radius: 50px
7898	}
7899
7900	+ .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 span.wn-hover-img-sh {
7901	+ display: block

7902	}
7903
7904	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles {
7905	height: 386px;
7906	overflow-x: hidden;
7907	padding-left: 60px;
7908	+ padding-bottom: 19px
7909	}
7910
7911	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label {
7912	width: 193px!important;
7913	float: left!important;
7914	margin: 1.66%!important;
7915	+ text-align: center
7916	}
7917
7918	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label span {

7926	background: #fff!important;
7927	cursor: pointer;
7928	margin-bottom: 5px;
7929	+ margin-top: -6px
7930	}
7931
7932	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label.active span {
7933	+ border-color: #00acf8;
7934	+ box-shadow: 0 3px 5px rgba(0,172,248,.2)
7935	}
7936
7937	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label div {
7938	+ font-size: 14px
7939	}
7940
7941	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles label.active div {
7942	+ color: #008aff
7943	}
7944
7945	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-skin-styles input {
7946	opacity: 0;
7947	+ display: none
7948	}
7949
7950	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 .mec-steps-content.mec-steps-content-3 {
7951	+ margin-top: -18px
7952	}
7953
7954	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-3 span.wn-hover-img-sh img {
7955	width: 189px;
7956	height: 146px;
7957	+ border-radius: 5px
7958	}
7959

7960	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 {
7961	+ background: url(../../assets/img/popup/fourth-step.png) no-repeat 90% 70%
7962	}
7963
7964	.mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 .nice-select {
7965	border: none;
7966	+ box-shadow: 0 3px 22px 0 rgba(11,121,125,.01)
7967	}
7968
7969	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 {
7970	top: 40%;
7971	position: absolute;
7972	+ width: 330px
7973	}
7974
7975	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 h3 {
7976	font-size: 13px;
7977	+ font-weight: 400;
7978	+ color: #707070
7979	}
7980
7981	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 .mec-multiple-skin-options div {
7982	+ border: 2px dashed #dce2e3;
7983	border-radius: 3px;
7984	padding: 20px 20px 6px;
7985	+ background: #fcfcfc
7986	}
7987
7988	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 .mec-multiple-skin-options div label {
7989	display: block;
7990	+ margin-bottom: 14px
7991	}
7992
7993	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup {

8019	-ms-user-select: none;
8020	user-select: none;
8021	white-space: nowrap;
8022	+ width: 300px!important
8023	}
8024
8025	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup:hover {

8053	transform: scale(.75) translateY(-21px);
8054	-webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
8055	transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
8056	+ z-index: 9
8057	}
8058
8059	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup:after {

8120	line-height: 28px!important;
8121	min-height: 28px!important;
8122	-webkit-transition: all .2s ease-in-out;
8123	+ transition: all .2s ease-in-out
8124	}
8125
8126	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option .wn-hover-img-sh img {

8128	padding: 3px;
8129	top: -1px;
8130	left: 100%;
8131	+ box-shadow: 0 4px 42px -5px rgba(0,0,0,.16);
8132	visibility: hidden;
8133	opacity: 0;
8134	border: 1px solid #e3e3e3;
8135	border-radius: 2px;
8136	z-index: 99999999;
8137	+ background: #fff
8138	}
8139
8140	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option:hover .wn-hover-img-sh img {

8142	opacity: 1
8143	}
8144
8145	+ .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option.focus,.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option.selected.focus,.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup .option:hover {


8146	background-color: #f6f6f6
8147	}
8148

8169	position: relative;
8170	width: 24px;
8171	height: 24px;
8172	+ border: 1px solid #cacece
8173	}
8174
8175	.mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 label input:before {
8176	+ disaply: none
8177	}
8178
8179	.mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 label.active input {
8180	+ background: #008aff;
8181	+ box-shadow: 0 5px 10px 0 rgba(0,138,255,.3);
8182	+ border: none
8183	}
8184
8185	.mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 label.active input:before {

8188	height: 6px;
8189	top: 6px;
8190	left: 6px;
8191	+ position: absolute
8192	}
8193


8194	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 {
8195	+ background: url(../../assets/img/popup/fifth-step.png) no-repeat 90% 70%
8196	}
8197
8198	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 {
8199	width: 360px;
8200	+ margin-top: 16px
8201	}
8202
8203	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher label {
8204	color: #707070;
8205	+ font-size: 14px
8206	}
8207
8208	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher p {
8209	+ color: #8a8a8a;
8210	font-style: italic;
8211	font-size: 12px;
8212	margin-top: 7px;
8213	+ margin-bottom: 0
8214	}
8215
8216	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher {
8217	padding-bottom: 30px;
8218	margin-bottom: 34px;
8219	+ border-bottom: 2px dashed #dce2e3;
8220	+ position: relative
8221	}
8222
8223	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher:last-of-type {
8224	padding-bottom: 0;
8225	margin-bottom: 0;
8226	+ border: none
8227	}
8228

8229	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher div:last-of-type label {
8230	position: absolute;
8231	top: -4px;
8232	right: 0;
8233	width: 52px;
8234	+ height: 26px
8235	}
8236
8237	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher input:checked+label:after {
8238	+ margin-left: 26px
8239	}
8240
8241	+ .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher input+label:after,.mec-add-shortcode-popup .mec-switcher input+label:before {

8242	display: block;
8243	position: absolute;
8244	top: 2px;
8245	left: 1px;
8246	bottom: 2px;
8247	+ content: ""
8248	}
8249
8250	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-5 .mec-steps-content.mec-steps-content-5 .mec-switcher input+label:after {
8251	+ width: 23px
8252	+ }

8253

8254	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 {
8255	+ background: url(../../assets/img/popup/sixth-step.png) no-repeat 90% 70%
8256	}
8257
8258	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-steps-content.mec-steps-content-6 {
8259	+ margin-top: 56px
8260	}
8261
8262	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode {
8263	width: 325px;
8264	+ border: 2px dashed #dce2e3;
8265	+ background: #fcfcfc;
8266	padding: 42px 42px 47px;
8267	+ text-align: center
8268	}
8269
8270	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode h3 {
8271	font-size: 16px;
8272	+ font-weight: 400;
8273	color: #707070;
8274	+ margin-top: 7px
8275	}
8276
8277	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code {
8278	border-radius: 3px;
8279	+ background: rgba(154,214,222,.35);
8280	width: 243px;
8281	margin: 0 auto;
8282	+ padding: 14px 17px
8283	}
8284
8285	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code code {
8286	+ background: 0 0;
8287	color: #000;
8288	font-size: 14px;
8289	font-weight: 600;
8290	+ margin-left: -11px
8291	}
8292
8293	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code button {

8296	border-radius: 3px;
8297	padding: 3px 8px 6px;
8298	margin-left: 46px;
8299	+ cursor: pointer
8300	}
8301
8302	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code button:hover {
8303	background: #000;
8304	+ color: #fff
8305	}
8306
8307	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-steps-6-results p {

8309	text-align: center;
8310	font-size: 12px;
8311	margin-top: 5px;
8312	+ color: #8a8a8a
8313	}
8314
8315	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-steps-6-loading {

8319	padding: 42px 42px 47px;
8320	text-align: center;
8321	height: 182px;
8322	+ position: relative
8323	}
8324
8325	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-steps-6-loading .mec-loader {
8326	position: absolute;
8327	left: 136px;
8328	+ top: 65px
8329	}
8330
8331	+ .mec-add-event-popup button.lity-close,.mec-add-shortcode-popup button.lity-close {


8332	right: 0;
8333	top: -52px;
8334	border-radius: 50%;
8335	width: 37px;
8336	height: 37px;
8337	+ background: #fff;
8338	+ color: #a2afbc;
8339	text-shadow: none;
8340	padding-top: 1px;
8341	+ transition: all .2s ease;
8342	position: absolute;
8343	+ box-shadow: 0 3px 8px 0 rgba(91,188,190,.55)
8344	}
8345
8346	+ .mec-add-event-popup button.lity-close:hover,.mec-add-shortcode-popup button.lity-close:hover {

8347	background: #000;
8348	color: #fff;
8349	+ box-shadow: 0 3px 8px 0 rgba(0,0,0,.55)
8350	}
8351
8352	.mec-skin-styles.mec-styles-full_calendar h3 {
8353	+ padding-left: 12px
8354	}
8355

8356	.lity.mec-add-event-popup {
8357	+ background-color: #b7e4e3
8358	}
8359
8360	.mec-add-event-popup .lity-container {
8361	width: 930px;
8362	height: 620px;
8363	+ max-width: unset
8364	}
8365
8366	.mec-add-event-popup div#mec_popup_event {

8369	display: flex;
8370	width: 100%;
8371	border-radius: 10px;
8372	+ height: 100%
8373	}
8374
8375	.lity.mec-add-event-popup .lity-content {
8376	box-shadow: 0 3px 20px 0 rgba(91,188,190,.55);
8377	border-radius: 10px;
8378	+ height: 100%
8379	}
8380
8381	div#mec_popup_event_form {
8382	+ height: calc(100% - 37px)
8383	}
8384
8385	+ .mec-add-event-popup .mec-steps-container ul {
8386	+ margin-top: 42px
8387	}
8388
8389	.mec-add-event-popup .mec-steps-container ul li:first-of-type {
8390	+ height: 41px
8391	}
8392
8393	+ .mec-add-shortcode-popup .mec-steps-container ul li:after,.mec-add-shortcode-popup .mec-steps-container ul li:before {
8394	+ height: 24px
8395	}
8396
8397	+ .mec-add-event-popup .mec-steps-container ul li:after,.mec-add-event-popup .mec-steps-container ul li:before {
8398	+ height: 19px
8399	}
8400	+
8401	.mec-add-event-popup .mec-steps-container ul li {
8402	+ height: 60px
8403	}
8404
8405	.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup {

8432	height: 46px;
8433	margin-right: 6px;
8434	padding-top: 3px;
8435	+ color: #707070
8436	}
8437
8438	.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup.open {
8439	+ border-radius: 3px 3px 0 0
8440	}
8441
8442	.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup:hover {

8471	-webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
8472	transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
8473	z-index: 9;
8474	+ margin-top: 1px!important
8475	}
8476
8477	.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup:after {
8478	+ border-bottom: 2px solid #00acf8;
8479	+ border-right: 2px solid #00acf8;
8480	content: '';
8481	display: block;
8482	height: 5px;

8538	line-height: 22px!important;
8539	min-height: 22px!important;
8540	-webkit-transition: all .2s ease-in-out;
8541	+ transition: all .2s ease-in-out
8542	}
8543
8544	+ .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option.focus,.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option.selected.focus,.mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option:hover {


8545	background-color: #f6f6f6
8546	}
8547

8563	display: block
8564	}
8565

8566	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 {
8567	+ background: url(../../assets/img/popup/add-event-first-step.png) no-repeat 100% 70%
8568	}
8569
8570	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 #mec_event_name {

8575	padding-left: 36px;
8576	font-size: 12px;
8577	color: #b1b2b4;
8578	+ box-shadow: 0 3px 22px 0 rgba(11,121,125,.01)
8579	}
8580
8581	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 #mec_event_name::-webkit-input-placeholder {
8582	+ color: #b1b2b4
8583	}
8584
8585	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 #mec_event_name:-ms-input-placeholder {
8586	+ color: #b1b2b4
8587	}
8588
8589	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 #mec_event_name::placeholder {
8590	+ color: #b1b2b4
8591	}
8592
8593	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1:before {
8594	content: '';
8595	width: 14px;
8596	height: 14px;
8597	+ background: url(../../assets/img/popup/calendar_icon.png) no-repeat center center;
8598	position: absolute;
8599	top: 17px;
8600	+ left: 17px
8601	}
8602	+
8603	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .mec-steps-content.mec-steps-content-1 {
8604	top: 210px;
8605	position: absolute;
8606	+ width: 370px
8607	}
8608
8609	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-1 .popup-sh-name-required {

8611	display: none;
8612	font-style: italic;
8613	font-size: 12px;
8614	+ margin-top: 8px
8615	}
8616
8617	.mec-add-event-popup .mec-meta-box-colors-container {
8618	background: #fff;
8619	padding: 17px;
8620	border-radius: 3px;
8621	+ box-shadow: 0 3px 22px rgba(11,121,125,.01);
8622	+ margin-top: 15px
8623	}
8624
8625	+ .mec-add-event-popup .wp-picker-container .wp-color-result.button {
8626	+ border-color: #f1f2f4;
8627	+ border-radius: 3px;
8628	+ box-shadow: 0 2px 2px rgba(0,0,0,.04)
8629	+ }
8630
8631	.mec-add-event-popup .mec-recent-color-sec {
8632	+ display: block!important;
8633	font-size: 12px;
8634	+ color: #707070
8635	}
8636
8637	.mec-add-event-popup .mec-form-row.mec-available-color-row {
8638	+ border: 2px dashed #dce2e3;
8639	padding: 13px 20px;
8640	+ background: #fcfcfc;
8641	+ border-radius: 3px
8642	}
8643
8644	.mec-add-event-popup .wp-color-result-text {

8649	display: block;
8650	line-height: 2.54545455;
8651	padding: 0 6px;
8652	+ text-align: center
8653	}
8654
8655	.mec-add-event-popup .mec-form-row.mec-available-color-row .mec-color {

8657	height: 12px;
8658	position: absolute;
8659	top: -5px;
8660	+ left: 0;
8661	+ z-index: 99
8662	}
8663
8664	.mec-add-event-popup span.mec-color-meta-box-popup {

8669	position: absolute;
8670	top: 1px;
8671	left: 6px;
8672	+ z-index: 9
8673	}
8674
8675	.mec-add-event-popup span.mec-recent-color-sec-wrap {

8679	margin-right: 12px;
8680	margin-top: 7px;
8681	margin-left: -6px;
8682	+ position: relative
8683	}
8684

8685	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 {
8686	+ background: url(../../assets/img/popup/sixth-step.png) no-repeat 95% 70%
8687	}
8688
8689	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form .mec-col-4 {
8690	+ width: auto
8691	}
8692
8693	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form .mec-col-4:before {

8697	background: url(../../assets/img/popup/calendar_icon.png) no-repeat center center;
8698	position: absolute;
8699	top: 17px;
8700	+ left: 17px
8701	}
8702	+
8703	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form .mec-col-4 input {
8704	padding-left: 36px;
8705	width: 148px;
8706	+ padding: 22px 17px 22px 34px
8707	}
8708
8709	+ .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_end_date,.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_start_date,.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form select {


8710	height: 46px;
8711	border: none;
8712	border-radius: 3px;
8713	padding-left: 36px;
8714	font-size: 12px;
8715	color: #707070;
8716	+ box-shadow: 0 3px 22px 0 rgba(11,121,125,.01)
8717	}
8718
8719	+ .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_end_date::placeholder,.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_start_date::placeholder {
8720	+ color: #b1b2b4

8721	}
8722
8723	+ .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_end_date::placeholder,.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_start_date::placeholder {
8724	+ color: #b1b2b4

8725	}
8726
8727	+ .mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_end_date::placeholder,.mec-add-event-popup .mec-steps-content-container.mec-steps-content-2 #mec_meta_box_date_form input#mec_start_date::placeholder {
8728	+ color: #b1b2b4

8729	}
8730
8731	.mec-add-event-popup .mec-form-row .time-dv {

8733	margin-left: -2px;
8734	margin-right: 4px;
8735	margin-top: 12px;
8736	+ color: #b1b2b4




8737	}
8738
8739	.mec-add-event-popup .mec-steps-content.mec-steps-content-2 {
8740	+ margin-top: 60px
8741	}
8742	+
8743	.mec-add-event-popup .mec-steps-content.mec-steps-content-2 .mec-form-row.mec-all-day-event label {
8744	font-size: 14px;
8745	+ color: #707070
8746	}
8747
8748	.mec-add-event-popup .mec-steps-content.mec-steps-content-2 .mec-form-row.mec-all-day-event {
8749	+ margin-top: 13px!important
8750	}
8751
8752	+ .mec-add-event-popup .mec-steps-content.mec-steps-content-3,.mec-add-event-popup .mec-steps-content.mec-steps-content-4 {
8753	+ margin-top: -9px


8754	}
8755	+
8756	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-3 {
8757	+ background: url(../../assets/img/popup/fifth-step.png) no-repeat 90% 70%
8758	}
8759	+
8760	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-4 {
8761	+ background: url(../../assets/img/popup/add-organizer.png) no-repeat 95% 70%
8762	}
8763	+
8764	+ .nice-select.mec_popup_location_id.wn-mec-select-popup,.nice-select.mec_popup_organizer_id.wn-mec-select-popup {
8765	position: relative;
8766	width: 166px;
8767	+ padding-left: 36px
8768	}
8769	+
8770	.nice-select.mec_popup_location_id.wn-mec-select-popup:before {
8771	content: '';
8772	width: 14px;

8774	background: url(../../assets/img/popup/pointer.png) no-repeat center center;
8775	position: absolute;
8776	top: 17px;
8777	+ left: 17px
8778	}
8779
8780	.nice-select.mec_popup_organizer_id.wn-mec-select-popup:before {

8784	background: url(../../assets/img/popup/pointer.png) no-repeat center center;
8785	position: absolute;
8786	top: 17px;
8787	+ left: 17px
8788	}
8789
8790	+ #mec_popup_event button#mec_popup_add_location:before,#mec_popup_event button#mec_popup_add_organizer:before {

8791	content: '';
8792	width: 15px;
8793	height: 15px;
8794	background: url(../../assets/img/popup/plus.png) no-repeat center center;
8795	position: absolute;
8796	top: 16px;
8797	+ left: 15px
8798	}
8799
8800	+ .mec-add-event-popup .mec-steps-content-container .nice-select.mec_popup_location_id.wn-mec-select-popup.open .list li,.mec-add-event-popup .mec-steps-content-container .nice-select.mec_popup_organizer_id.wn-mec-select-popup.open .list li {

8801	line-height: 32px!important;
8802	+ min-height: 32px!important
8803	}
8804
8805	#mec_popup_event .mec-steps-content .mec-tooltip {
8806	+ bottom: 8px
8807	+ }
8808	+
8809	+ #mec-location .mec-form-row span+span.mec-tooltip i,#mec-organizer .mec-form-row span+span.mec-tooltip i {
8810	+ margin-top: -18px
8811	}
8812
8813	#mec_popup_event .mec-steps-content .mec-tooltip .dashicons-before:before {
8814	+ color: #008aff
8815	}
8816
8817	+ #mec_popup_event button#mec_organizer_thumbnail_button,#mec_popup_event button#mec_popup_add_location,#mec_popup_event button#mec_popup_add_organizer {
8818	+ background: #008aff;


8819	border-radius: 3px;
8820	border: none;
8821	color: #fff;
8822	width: 146px;
8823	height: 46px;
8824	margin-left: 10px;
8825	+ box-shadow: 0 3px 3px 0 rgba(0,138,255,.22);
8826	font-size: 14px;
8827	cursor: pointer;
8828	+ transition: all .2s ease;
8829	+ outline: 0;
8830	position: relative;
8831	+ padding-left: 20px
8832	}
8833
8834	+ #mec_popup_event button#mec_organizer_thumbnail_button:hover,#mec_popup_event button#mec_popup_add_location:hover,#mec_popup_event button#mec_popup_add_organizer:hover {


8835	background: #000;
8836	+ box-shadow: 0 5px 10px 0 rgba(0,0,0,.3)
8837	}
8838
8839	+ #mec_popup_event label[for=mec_location_dont_show_map] {
8840	font-size: 14px;
8841	margin-left: 4px;
8842	+ margin-top: 12px!important;
8843	display: inline-block;
8844	+ margin-bottom: 7px
8845	}
8846
8847	#mec_popup_event input#mec_location_dont_show_map {
8848	+ margin-top: 9px!important
8849	}
8850
8851	+ #mec_popup_event div#mec_location_new_container,#mec_popup_event div#mec_organizer_new_container {
8852	+ border-top: 2px dashed #dce2e3;

8853	width: 360px;
8854	padding-top: 25px;
8855	+ margin-top: 20px
8856	}
8857
8858	+ #mec_popup_event div#mec_location_new_container input,#mec_popup_event div#mec_organizer_new_container input {

8859	width: 100%;
8860	height: 46px;
8861	border: none;

8863	padding-left: 17px;
8864	font-size: 12px;
8865	color: #b1b2b4;
8866	+ box-shadow: 0 3px 22px 0 rgba(11,121,125,.01)
8867	}
8868
8869	+ #mec_popup_event div#mec_location_new_container .description,#mec_popup_event div#mec_organizer_new_container .description {

8870	border: none;
8871	padding: 0;
8872	margin: 0;

8876	color: #707070;
8877	font-style: normal;
8878	margin-top: -4px;
8879	+ display: block
8880	}
8881
8882	+ #mec_popup_event .mec-form-row.mec-lat-lng-row input {
8883	+ width: 44%!important
8884	}
8885
8886	+ #mec_popup_event .mec-form-row.mec-lat-lng-row input:first-of-type {
8887	+ margin-right: 10px
8888	}
8889
8890	#mec_popup_event div#mec_organizer_new_container {
8891	+ margin-top: 30px
8892	}
8893
8894	#mec_popup_event div#mec_organizer_new_container .mec-form-row:first-of-type .mec-col-6:first-of-type {
8895	+ margin-right: 14px!important
8896	}
8897
8898	#mec_popup_event div#mec_organizer_new_container .mec-form-row:first-of-type .mec-col-6 {
8899	width: 48%;
8900	+ margin: 0
8901	}
8902
8903	#mec_popup_event button#mec_organizer_thumbnail_button:before {

8907	background: url(../../assets/img/popup/picture.png) no-repeat center center;
8908	position: absolute;
8909	top: 16px;
8910	+ left: 15px
8911	}
8912
8913	#mec_popup_event button#mec_organizer_thumbnail_button {
8914	width: 96%;
8915	+ padding-left: 30px
8916	}
8917
8918	.mec-add-event-popup .mec-steps-content.mec-steps-content-4 div#mec_organizer_thumbnail_img {
8919	position: absolute;
8920	right: 10px;
8921	+ top: -20px
8922	}
8923	+
8924	+ .mec-add-event-popup .mec-steps-content.mec-steps-content-4 div#mec_organizer_thumbnail_img img {
8925	+ max-width: 110px
8926	}
8927

8928	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 {
8929	+ background: url(../../assets/img/popup/fourth-step.png) no-repeat 90% 70%
8930	}
8931
8932	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 .mec-categories-add-new input {

8939	color: #b1b2b4;
8940	box-shadow: 0 3px 22px 0 rgba(11,121,125,.01);
8941	float: right;
8942	+ margin-top: -4px
8943	}
8944
8945	.mec-add-event-popup .mec-steps-content.mec-steps-content-5 {
8946	width: 326px;
8947	+ margin-top: 48px
8948	}
8949
8950	.mec-add-event-popup .mec-steps-content.mec-steps-content-5 .mec-categories-tabs ul li {

8959	text-align: center;
8960	margin-right: 10px;
8961	height: 42px;
8962	+ color: #008aff;
8963	font-size: 14px;
8964	+ box-shadow: 0 3px 22px 0 rgba(11,121,125,.01)
8965	}
8966
8967	+ .mec-add-event-popup .mec-steps-content.mec-steps-content-5 .mec-categories-tabs ul li.mec-categories-tab-selected,.mec-add-event-popup .mec-steps-content.mec-steps-content-5 .mec-categories-tabs ul li:hover {

8968	background: #008aff;
8969	color: #fff;
8970	+ box-shadow: 0 3px 3px 0 rgba(0,138,255,.3)
8971	}
8972
8973	.mec-add-event-popup .mec-categories-tab-contents {

8975	padding: 20px;
8976	border: 2px dashed #dce2e3;
8977	margin-bottom: 13px;
8978	+ margin-top: -5px
8979	}
8980
8981	+ .mec-add-event-popup .mec-categories-tab-contents ul,.mec-add-event-popup .mec-categories-tab-contents ul li:last-of-type {
8982	+ margin: 0

8983	}
8984
8985	.mec-add-event-popup .mec-categories-tab-contents ul li {
8986	font-size: 14px;
8987	+ color: #707070
8988	}
8989
8990	.mec-add-event-popup .mec-categories-tab-contents.mec-form-row input[type=checkbox] {
8991	+ margin-top: 0
8992	}
8993

8994	.mec-add-event-popup .mec-categories-tab-contents {
8995	max-height: 200px;
8996	overflow: hidden;
8997	+ overflow-y: scroll
8998	}
8999
9000	.mec-add-event-popup .mec-categories-tab-contents::-webkit-scrollbar {
9001	+ width: 5px
9002	}
9003
9004	.mec-add-event-popup .mec-categories-tab-contents::-webkit-scrollbar-track {
9005	+ box-shadow: inset 0 0 6px rgba(0,0,0,.1)
9006	}
9007
9008	.mec-add-event-popup .mec-categories-tab-contents::-webkit-scrollbar-thumb {
9009	background-color: #008aff;
9010	+ outline: 0 solid #fff
9011	}
9012
9013	.mec-add-event-popup span#mec_popup_new_category_button {
9014	cursor: pointer;
9015	position: relative;
9016	padding-left: 18px;
9017	+ font-size: 14px
9018	}
9019
9020	.mec-add-event-popup span#mec_popup_new_category_button:before {

9024	background: url(../../assets/img/popup/plus-blue.png) no-repeat center center;
9025	position: absolute;
9026	top: 3px;
9027	+ left: 0
9028	}
9029
9030	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 .mec-categories-add-new input::placeholder {
9031	+ color: #b1b2b4;
9032	+ font-size: 11px
9033	}
9034
9035	.mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 .mec-categories-add-new input::placeholder {
9036	+ color: #b1b2b4;
9037	+ font-size: 11px
9038	}
9039
9040	+ .mec-add-event-popup .mec-steps-content-container.mec-steps-content-5 .mec-categories-add-new input::placeholder {
9041	+ color: #b1b2b4;
9042	+ font-size: 11px
9043	}
9044

9045	.mec-add-event-popup .mec-steps-content.mec-steps-content-6.mec-steps-content-active {
9046	margin-top: -10px;
9047	+ height: 70%
9048	}
9049
9050	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-tinymce.mce-container.mce-panel {
9051	height: 100%;
9052	+ border: 1px solid #ececec!important;
9053	+ box-shadow: 0 3px 22px 0 rgba(11,121,125,.01)!important;
9054	+ border-radius: 3px!important;
9055	+ overflow: hidden
9056	}
9057
9058	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-container-body.mce-stack-layout {
9059	height: 100%;
9060	+ background: #f5f5f5
9061	}
9062
9063	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-container * {
9064	+ border: none!important;
9065	+ box-shadow: none!important
9066	}
9067
9068	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item {
9069	+ height: 90%
9070	}
9071	+
9072	.mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
9073	+ display: none!important
9074	}
9075
9076	.mec-add-event-popup .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item iframe {
9077	+ height: 100%!important
9078	}
9079

9080	.mec-add-event-popup .mec-steps-content.mec-steps-content-7.mec-steps-content-active {
9081	height: 70%;
9082	background: #fff;
9083	+ border: 2px dashed #dce2e3;
9084	border-radius: 3px;
9085	text-align: center;
9086	vertical-align: middle;
9087	+ margin-top: -10px;
9088	+ position: relative
9089	}
9090
9091	.mec-add-event-popup .mec-event-popup-featured-image-wrapper {
9092	display: flex;
9093	justify-content: center;
9094	align-items: center;
9095	+ height: 100%
9096	}
9097
9098	.mec-add-event-popup button#mec_popup_upload_image_button {

9109	text-align: center;
9110	height: 42px;
9111	font-size: 14px;
9112	+ margin-right: 0
9113	}
9114
9115	.mec-add-event-popup div#mec_event_popup_featured_image_preview img {
9116	max-height: 300px;
9117	max-width: 740px;
9118	margin-top: 20px;
9119	+ margin-bottom: 0
9120	}
9121
9122	.mec-add-event-popup button#mec_popup_upload_image_button:hover {
9123	background: #000;
9124	+ box-shadow: 0 3px 3px 0 rgba(0,0,0,.3)
9125	}
9126
9127	.mec-add-event-popup .mec-event-popup-featured-image-wrapper span i {

9131	top: 10px;
9132	font-size: 30px;
9133	position: absolute;
9134	+ cursor: pointer
9135	}
9136

9137	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 {
9138	+ height: 100%
9139	}
9140	+
9141	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-steps-8-results .mec-steps-8-results-wrap {
9142	display: flex;
9143	justify-content: center;
9144	align-items: center;
9145	flex-direction: column;
9146	+ height: 100%
9147	}
9148	+
9149	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-steps-8-loading .mec-loader {
9150	left: calc(50% - 2.5em);
9151	+ top: calc(50% - 2.5em)
9152	}
9153
9154	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-steps-8-results {
9155	+ height: 100%
9156	}
9157
9158	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 a.mec-button-view {

9172	text-decoration: none;
9173	color: #000;
9174	position: relative;
9175	+ line-height: 22px
9176	}
9177
9178	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 a.mec-button-view:hover {
9179	background-color: #000;
9180	+ color: #fff
9181	}
9182
9183	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 a.mec-button-view:before {

9187	background: url(../../assets/img/popup/eye.png) no-repeat center center;
9188	position: absolute;
9189	top: 16px;
9190	+ left: 15px
9191	}
9192
9193	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 button.mec-button-new {

9206	font-size: 14px;
9207	margin-right: 0;
9208	position: relative;
9209	+ line-height: 22px
9210	}
9211
9212	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 button.mec-button-new:hover {
9213	background: #000;
9214	+ box-shadow: 0 3px 3px 0 rgba(0,0,0,.3)
9215	}
9216
9217	+ .mec-add-event-popup .mec-steps-content.mec-steps-content-8 button.mec-button-new:before {
9218	content: '';
9219	width: 15px;
9220	height: 15px;
9221	background: url(../../assets/img/popup/plus.png) no-repeat center center;
9222	position: absolute;
9223	top: 16px;
9224	+ left: 15px
9225	}
9226
9227	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-popup-final-buttons {
9228	+ margin-top: 22px
9229	}
9230
9231	.mec-add-event-popup .mec-steps-content.mec-steps-content-8 .mec-steps-8-results-wrap h3 {
9232	font-size: 26px;
9233	+ font-weight: 400
9234	}
9235


9236	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup {
9237	+ min-width: 64px
9238	}
9239
9240	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup .list {
9241	+ overflow-y: scroll!important;
9242	height: 288px;
9243	+ margin-top: 4px!important;
9244	box-shadow: 0 1px 9px rgba(0,0,0,.1);
9245	+ border-radius: 0
9246	}
9247
9248	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup .list::-webkit-scrollbar-track {
9249	+ background-color: #f6f6f6
9250	}
9251
9252	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup .list::-webkit-scrollbar {
9253	width: 3px;
9254	+ background-color: #f6f6f6
9255	}
9256
9257	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup .list::-webkit-scrollbar-thumb {
9258	+ background-color: rgba(26,175,251,.16)
9259	}
9260
9261	.mec-add-event-popup .mec-steps-content-container .mec-time-picker .wn-mec-select-popup:last-child .list {
9262	+ overflow: unset!important;
9263	+ height: unset
9264	}
9265
9266	+ .ac-mec-events.ac-search-enabled .tablenav .ac-search>:not(#ac-s).lity-hide {
9267	+ display: none

9268	}
9269

9270	.mec-go-pro-content-title {
9271	font-size: 20px;
9272	font-weight: 600;
9273	+ margin-bottom: 12px
9274	}
9275
9276	.mec-go-pro-features-wrap p {
9277	+ font-size: 14px
9278	}
9279
9280	.mec-go-pro-features-wrap .mec-addons-notification-box-content {
9281	width: calc(100% - 590px);
9282	display: inline-block;
9283	+ padding-left: 20px
9284	}
9285
9286	.mec-go-pro-features-wrap ul {
9287	float: left;
9288	width: 50%;
9289	+ margin: 0 0 12px
9290	}
9291
9292	.mec-go-pro-features-wrap ul li {

9294	font-size: 13px;
9295	color: #717479;
9296	padding-left: 18px;
9297	+ position: relative
9298	}
9299
9300	.mec-go-pro-features-wrap ul li:before {

9312	height: 13px;
9313	line-height: 13px;
9314	z-index: 3;
9315	+ background: rgba(64,241,147,.12);
9316	+ content: "\e080"
9317	}
9318
9319	+ .post-type-mec-books.taxonomy-mec_coupon .metabox-prefs .screen-options label,.post-type-mec-events.taxonomy-mec_category .metabox-prefs .screen-options label,.post-type-mec-events.taxonomy-mec_label .metabox-prefs .screen-options label,.post-type-mec-events.taxonomy-post_tag .metabox-prefs .screen-options label,.taxonomy-mec_location .metabox-prefs .screen-options label,.taxonomy-mec_organizer .metabox-prefs .screen-options label,.taxonomy-mec_speaker .metabox-prefs .screen-options label {
9320	+ margin-top: -15px









9321	}
9322
9323	+ .post-type-mec-books.taxonomy-mec_coupon #mec_thumbnail_img img,.post-type-mec-events.taxonomy-mec_category #mec_thumbnail_img img,.post-type-mec-events.taxonomy-mec_label #mec_thumbnail_img img,.post-type-mec-events.taxonomy-post_tag #mec_thumbnail_img img,.taxonomy-mec_location #mec_thumbnail_img img,.taxonomy-mec_organizer #mec_thumbnail_img img,.taxonomy-mec_speaker #mec_thumbnail_img img {






9324	margin: 0 0 20px 0;
9325	border: solid 1px #ddd;
9326	+ border-radius: 2px
9327	}
9328
9329	+ .post-type-mec-books.taxonomy-mec_coupon .form-wrap label,.post-type-mec-events.taxonomy-mec_category .form-wrap label,.post-type-mec-events.taxonomy-mec_label .form-wrap label,.post-type-mec-events.taxonomy-post_tag .form-wrap label,.taxonomy-mec_location .form-wrap label,.taxonomy-mec_organizer .form-wrap label,.taxonomy-mec_speaker .form-wrap label {






9330	padding: 0;
9331	+ margin: 10px 0
9332	}
9333
9334	+ .post-type-mec-books.taxonomy-mec_coupon input[type=number],.post-type-mec-books.taxonomy-mec_coupon input[type=search],.post-type-mec-books.taxonomy-mec_coupon input[type=text],.post-type-mec-books.taxonomy-mec_coupon input[type=url],.post-type-mec-books.taxonomy-mec_coupon select,.post-type-mec-books.taxonomy-mec_coupon textarea,.post-type-mec-events.taxonomy-mec_category input[type=number],.post-type-mec-events.taxonomy-mec_category input[type=search],.post-type-mec-events.taxonomy-mec_category input[type=text],.post-type-mec-events.taxonomy-mec_category input[type=url],.post-type-mec-events.taxonomy-mec_category select,.post-type-mec-events.taxonomy-mec_category textarea,.post-type-mec-events.taxonomy-mec_label input[type=number],.post-type-mec-events.taxonomy-mec_label input[type=search],.post-type-mec-events.taxonomy-mec_label input[type=text],.post-type-mec-events.taxonomy-mec_label input[type=url],.post-type-mec-events.taxonomy-mec_label select,.post-type-mec-events.taxonomy-mec_label textarea,.post-type-mec-events.taxonomy-post_tag input[type=number],.post-type-mec-events.taxonomy-post_tag input[type=search],.post-type-mec-events.taxonomy-post_tag input[type=text],.post-type-mec-events.taxonomy-post_tag input[type=url],.post-type-mec-events.taxonomy-post_tag select,.post-type-mec-events.taxonomy-post_tag textarea,.taxonomy-mec_location input[type=number],.taxonomy-mec_location input[type=search],.taxonomy-mec_location input[type=text],.taxonomy-mec_location input[type=url],.taxonomy-mec_location select,.taxonomy-mec_location textarea,.taxonomy-mec_organizer input[type=number],.taxonomy-mec_organizer input[type=search],.taxonomy-mec_organizer input[type=text],.taxonomy-mec_organizer input[type=url],.taxonomy-mec_organizer select,.taxonomy-mec_organizer textarea,.taxonomy-mec_speaker input[type=number],.taxonomy-mec_speaker input[type=search],.taxonomy-mec_speaker input[type=text],.taxonomy-mec_speaker input[type=url],.taxonomy-mec_speaker select,.taxonomy-mec_speaker textarea {
















































9335	border: solid 1px #ddd;
9336	border-radius: 2px;
9337	height: 40px;
9338	line-height: 38px;
9339	padding-left: 10px;
9340	+ box-shadow: 0 3px 10px -2px rgba(0,0,0,.05),inset 0 1px 2px rgba(0,0,0,.02);
9341	+ margin-bottom: 15px
9342	+ }
9343	+
9344	+ .post-type-mec-books.taxonomy-mec_coupon textarea,.post-type-mec-events.taxonomy-mec_category textarea,.post-type-mec-events.taxonomy-mec_label textarea,.post-type-mec-events.taxonomy-post_tag textarea,.taxonomy-mec_location textarea,.taxonomy-mec_organizer textarea,.taxonomy-mec_speaker textarea {
9345	+ min-height: 86px
9346	}
9347
9348	+ .post-type-mec-books.taxonomy-mec_coupon .button,.post-type-mec-books.taxonomy-mec_coupon .button-secondary,.post-type-mec-events.taxonomy-mec_category .button,.post-type-mec-events.taxonomy-mec_category .button-secondary,.post-type-mec-events.taxonomy-mec_label .button,.post-type-mec-events.taxonomy-mec_label .button-secondary,.post-type-mec-events.taxonomy-post_tag .button,.post-type-mec-events.taxonomy-post_tag .button-secondary,.taxonomy-mec_location .button,.taxonomy-mec_location .button-secondary,.taxonomy-mec_organizer .button,.taxonomy-mec_organizer .button-secondary,.taxonomy-mec_speaker .button {






















9349	color: #fff;
9350	font-weight: 500;
9351	border-radius: 2px;

9355	background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%);
9356	border: none;
9357	transition: .24s;
9358	+ padding: 6px 22px
9359	}
9360
9361	+ .post-type-mec-books.taxonomy-mec_coupon .mec_upload_image_button,.post-type-mec-events.taxonomy-mec_category .mec_upload_image_button,.post-type-mec-events.taxonomy-mec_label .mec_upload_image_button,.post-type-mec-events.taxonomy-post_tag .mec_upload_image_button,.taxonomy-mec_location .mec_upload_image_button,.taxonomy-mec_organizer .mec_upload_image_button,.taxonomy-mec_speaker .mec_upload_image_button {
9362	+ margin-bottom: 20px






9363	}
9364
9365	+ .post-type-mec-books.taxonomy-mec_coupon .button-secondary:focus,.post-type-mec-books.taxonomy-mec_coupon .button-secondary:hover,.post-type-mec-books.taxonomy-mec_coupon .button.focus,.post-type-mec-books.taxonomy-mec_coupon .button:focus,.post-type-mec-books.taxonomy-mec_coupon .button:hover,.post-type-mec-events.taxonomy-mec_category .button-secondary:focus,.post-type-mec-events.taxonomy-mec_category .button-secondary:hover,.post-type-mec-events.taxonomy-mec_category .button.focus,.post-type-mec-events.taxonomy-mec_category .button:focus,.post-type-mec-events.taxonomy-mec_category .button:hover,.post-type-mec-events.taxonomy-mec_label .button-secondary:focus,.post-type-mec-events.taxonomy-mec_label .button-secondary:hover,.post-type-mec-events.taxonomy-mec_label .button.focus,.post-type-mec-events.taxonomy-mec_label .button:focus,.post-type-mec-events.taxonomy-mec_label .button:hover,.post-type-mec-events.taxonomy-post_tag .button-secondary:focus,.post-type-mec-events.taxonomy-post_tag .button-secondary:hover,.post-type-mec-events.taxonomy-post_tag .button.focus,.post-type-mec-events.taxonomy-post_tag .button:focus,.post-type-mec-events.taxonomy-post_tag .button:hover,.taxonomy-mec_location .button-secondary:focus,.taxonomy-mec_location .button-secondary:hover,.taxonomy-mec_location .button.focus,.taxonomy-mec_location .button:focus,.taxonomy-mec_location .button:hover,.taxonomy-mec_organizer .button-secondary:focus,.taxonomy-mec_organizer .button-secondary:hover,.taxonomy-mec_organizer .button.focus,.taxonomy-mec_organizer .button:focus,.taxonomy-mec_organizer .button:hover,.taxonomy-mec_speaker .button-secondary:focus,.taxonomy-mec_speaker .button-secondary:hover,.taxonomy-mec_speaker .button.focus,.taxonomy-mec_speaker .button:focus,.taxonomy-mec_speaker .button:hover {


































9366	background: #222;
9367	background: linear-gradient(95deg,#555 0,#222 50%,#000 100%);
9368	box-shadow: 0 5px 23px -7px rgba(0,0,0,.5);
9369	cursor: pointer;
9370	+ color: #fff
9371	}
9372

9373	.post-type-mec-events #TB_window {
9374	+ height: 470px!important;
9375	+ top: calc(50% - 235px)!important
9376	}
9377
9378	.post-type-mec-events #TB_ajaxContent {
9379	+ width: calc(100% - 40px)!important
9380	}
9381
9382	+ .m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container .fserv-form-description,.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container form {
9383	+ padding-left: 105px!important


9384	}
9385
9386	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container form .fserv-field {
9387	+ width: 40.33333%!important
9388	}
9389
9390	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container .fserv-form-description {
9391	+ position: relative!important
9392	}
9393
9394	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container:before {
9395	+ background: url(../img/newsletter-document.png) no-repeat left top;
9396	content: "";
9397	width: 100px;
9398	height: 100px;
9399	position: absolute;
9400	top: 96px;
9401	+ left: 12px
9402	}
9403
9404	@media (max-width: 480px) {
9405	+ .m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container .fserv-form-description,.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container form {
9406	+ padding-left:90px!important
9407	}
9408
9409	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container form .fserv-field {
9410	+ width: 40%!important
9411	}
9412	+
9413	.m-e-calendar_page_MEC-support #wpwrap .welcome-content .fserv-container:before {
9414	top: 100px;
9415	+ left: 10px
9416	}
9417	}
9418

9419	.post-type-mec-events.taxonomy-mec_label .button.wp-color-result {
9420	+ background: 0 0;
9421	text-align: right;
9422	padding: 0 0 0 32px;
9423	border-radius: 4px;
9424	box-shadow: unset;
9425	+ border: 1px solid #ddd
9426	}
9427
9428	.post-type-mec-events.taxonomy-mec_label .button.wp-color-result .wp-color-result-text {
9429	+ height: 30px
9430	}
9431
9432	.post-type-mec-events.taxonomy-mec_label .wp-picker-container input[type=text].wp-color-picker {
9433	width: 70px;
9434	margin-top: -10px;
9435	+ height: 32px
9436	}
9437	+
9438	.post-type-mec-events.taxonomy-mec_label .wp-picker-default {
9439	height: 32px;
9440	padding-top: 2px;
9441	+ padding-bottom: 2px
9442	}
9443
9444	.post-type-mec-events.taxonomy-mec_label .wp-picker-container .iris-picker {
9445	+ margin-top: -10px
9446	}
9447
9448	+ .mec-admin-dark-mode #mec-wrap .nav-tab-wrapper .nav-tab,.mec-admin-dark-mode #mec-wrap h2.nav-tab-wrapper,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix #mec-wrap h2.nav-tab-wrapper {
9449	+ background: #1f1f1f
9450	+ }
9451
9452	+ .mec-admin-dark-mode #mec_bfixed_form_fields li,.mec-admin-dark-mode #mec_calendar_filter,.mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-left,.mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-wrap,.mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-left,.mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-wrap,.mec-admin-dark-mode #mec_calendar_filter .mec-create-shortcode-tabs-left,.mec-admin-dark-mode #mec_metabox_booking,.mec-admin-dark-mode #mec_metabox_booking .mec-add-booking-tabs-left,.mec-admin-dark-mode #mec_metabox_booking .mec-add-booking-tabs-wrap,.mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-left,.mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-wrap,.mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tabs-left,.mec-admin-dark-mode #mec_metabox_details,.mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-left,.mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-wrap,.mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-left,.mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-wrap,.mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-wrap .select2-container,.mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tab-content .select2-container,.mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tabs-left,.mec-admin-dark-mode #webnus-dashboard .mec-pro-notice .info-msg,.mec-admin-dark-mode .w-box,.mec-admin-dark-mode .w-box-content pre,.mec-admin-dark-mode .w-clearfix.w-box.mec-addons-notification-box-wrap span,.mec-admin-dark-mode .w-clearfix.w-box.mec-cmsg-2-notification-box-wrap span,.mec-admin-dark-mode .w-clearfix.w-box.mec-cmsg-notification-box-wrap span,.mec-admin-dark-mode .wns-be-main,.mec-admin-dark-mode .wns-be-main .mec-container,.mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu>li.active>a,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix .mec-container,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_bfixed_form_fields button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_bfixed_form_fields li,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields li,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_field_types button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_fields li,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-content,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-infobar,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-main,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-editor-container,.mec-admin-dark-mode.m-e-calendar_page_MEC-support #webnus-dashboard .mec-pro-notice .info-msg,.mec-admin-dark-mode.post-type-mec-books .postbox,.mec-admin-dark-mode.post-type-mec-events #major-publishing-actions,.mec-admin-dark-mode.post-type-mec-events #mec_event_form_fields li,.mec-admin-dark-mode.post-type-mec-events #mec_reg_form_fields li,.mec-admin-dark-mode.post-type-mec-events #post-status-info,.mec-admin-dark-mode.post-type-mec-events #screen-meta,.mec-admin-dark-mode.post-type-mec-events #screen-meta-links .show-settings,.mec-admin-dark-mode.post-type-mec-events .categorydiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec-events .components-popover__content,.mec-admin-dark-mode.post-type-mec-events .customlinkdiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec-events .postbox,.mec-admin-dark-mode.post-type-mec-events .posttypediv div.tabs-panel,.mec-admin-dark-mode.post-type-mec-events .taxonomydiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec-events .wp-switch-editor,.mec-admin-dark-mode.post-type-mec-events .wp-tab-active,.mec-admin-dark-mode.post-type-mec-events .wp-tab-panel,.mec-admin-dark-mode.post-type-mec-events div.mce-panel,.mec-admin-dark-mode.post-type-mec-events div.mce-toolbar-grp,.mec-admin-dark-mode.post-type-mec-events ul.add-menu-item-tabs li.tabs,.mec-admin-dark-mode.post-type-mec-events ul.category-tabs li.tabs,.mec-admin-dark-mode.post-type-mec_calendars #major-publishing-actions,.mec-admin-dark-mode.post-type-mec_calendars #post-status-info,.mec-admin-dark-mode.post-type-mec_calendars #screen-meta,.mec-admin-dark-mode.post-type-mec_calendars #screen-meta-links .show-settings,.mec-admin-dark-mode.post-type-mec_calendars .categorydiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec_calendars .customlinkdiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec_calendars .postbox,.mec-admin-dark-mode.post-type-mec_calendars .posttypediv div.tabs-panel,.mec-admin-dark-mode.post-type-mec_calendars .taxonomydiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec_calendars .wp-switch-editor,.mec-admin-dark-mode.post-type-mec_calendars .wp-tab-active,.mec-admin-dark-mode.post-type-mec_calendars .wp-tab-panel,.mec-admin-dark-mode.post-type-mec_calendars div.mce-panel,.mec-admin-dark-mode.post-type-mec_calendars div.mce-toolbar-grp,.mec-admin-dark-mode.post-type-mec_calendars ul.add-menu-item-tabs li.tabs,.mec-admin-dark-mode.post-type-mec_calendars ul.category-tabs li.tabs {
9453	+ background: #1f1f1f;
9454	+ color: #fff














































































9455	}
9456
9457	+ .mec-admin-dark-mode .mec-form-row .mec-box,.mec-admin-dark-mode .mec-form-row input[type=checkbox],.mec-admin-dark-mode .mec-form-row ul.mec-message-categories li ul,.mec-admin-dark-mode .mec-meta-box-fields .mec-box,.mec-admin-dark-mode.m-e-calendar_page_MEC-support #webnus-dashboard .mec-faq-accordion-trigger a {
9458	+ background: #333;




9459	border-color: #353535;
9460	+ box-shadow: 0 1px 6px -2px #000
9461	}
9462
9463	+ .mec-admin-dark-mode #mec_bfixed_form_fields,.mec-admin-dark-mode #mec_bfixed_form_fields #mec_bfixed_form_fields li,.mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-left a,.mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-left a,.mec-admin-dark-mode #mec_calendar_filter .mec-create-shortcode-tabs-left a,.mec-admin-dark-mode #mec_metabox_booking .mec-add-booking-tabs-left a,.mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-left a,.mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tabs-left a,.mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-left a,.mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-left a,.mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tabs-left a,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix .mec-form-row.mec-syn-schedule,.mec-admin-dark-mode.post-type-mec-events #mec_event_form_fields,.mec-admin-dark-mode.post-type-mec-events #mec_reg_form_fields,.mec-admin-dark-mode.post-type-mec-events .select2-search--dropdown,.mec-admin-dark-mode.post-type-mec_calendars .select2-search--dropdown {













9464	background: #282828;
9465	+ border-color: #353535
9466	}
9467
9468	.mec-admin-dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
9469	+ color: #000
9470	+ }
9471	+
9472	+ .mec-admin-dark-mode ul#adminmenu a.wp-has-current-submenu:after,.mec-admin-dark-mode ul#adminmenu>li.current>a.current:after {
9473	+ border-right-color: #23282d
9474	}
9475
9476	+ .mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-left a.mec-tab-active,.mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-left a.mec-tab-active,.mec-admin-dark-mode #mec_calendar_filter .mec-create-shortcode-tabs-left a.mec-tab-active,.mec-admin-dark-mode #mec_metabox_booking .mec-add-booking-tabs-left a.mec-tab-active,.mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-left a.mec-tab-active,.mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tabs-left a.mec-tab-active,.mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-left a.mec-tab-active,.mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-left a.mec-tab-active,.mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tabs-left a.mec-tab-active,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-dropdown,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_gateways_form li .mec-gateway-options-form,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #payment_gateways_option li .mec-gateway-options-form,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-container--default .select2-selection--multiple,.mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list {


















9477	background: #000;
9478	+ box-shadow: 0 2px 12px -5px #000










































































9479	}
9480
9481	+ .mec-admin-dark-mode .extra .w-box-head,.mec-admin-dark-mode .mec-form-row ul.mec-message-categories,.mec-admin-dark-mode .mec-message-categories li.mec-acc-label,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mce-btn-group:not(:first-child),.mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-search--dropdown .select2-search__field,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-dropdown,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .wp-editor-container,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_bfixed_form_fields button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_field_types button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .html-active .switch-html,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-custom-msg-notification-set-box.extra,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-container--default .select2-selection--multiple,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-container--default .select2-selection--multiple .select2-selection__choice,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .tmce-active .switch-tmce,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-content,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-footer,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-infobar,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-infobar:before,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-main,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-core-ui .quicktags-toolbar input.button.button-small,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-editor-container,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-switch-editor,.mec-admin-dark-mode.post-type-mec-books .postbox,.mec-admin-dark-mode.post-type-mec-books .postbox .hndle,.mec-admin-dark-mode.post-type-mec-books .postbox hr,.mec-admin-dark-mode.post-type-mec-events #major-publishing-actions,.mec-admin-dark-mode.post-type-mec-events #post-status-info,.mec-admin-dark-mode.post-type-mec-events #screen-meta,.mec-admin-dark-mode.post-type-mec-events #screen-meta-links .show-settings,.mec-admin-dark-mode.post-type-mec-events .categorydiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec-events .components-popover__content,.mec-admin-dark-mode.post-type-mec-events .customlinkdiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec-events .edit-post-meta-boxes-area #poststuff .stuffbox>h3,.mec-admin-dark-mode.post-type-mec-events .edit-post-meta-boxes-area #poststuff h2.hndle,.mec-admin-dark-mode.post-type-mec-events .edit-post-meta-boxes-area #poststuff h3.hndle,.mec-admin-dark-mode.post-type-mec-events .postbox,.mec-admin-dark-mode.post-type-mec-events .postbox h2,.mec-admin-dark-mode.post-type-mec-events .posttypediv div.tabs-panel,.mec-admin-dark-mode.post-type-mec-events .taxonomydiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec-events .wp-editor-container,.mec-admin-dark-mode.post-type-mec-events .wp-switch-editor,.mec-admin-dark-mode.post-type-mec-events .wp-tab-active,.mec-admin-dark-mode.post-type-mec-events .wp-tab-panel,.mec-admin-dark-mode.post-type-mec-events div.mce-panel,.mec-admin-dark-mode.post-type-mec-events div.mce-toolbar-grp,.mec-admin-dark-mode.post-type-mec-events ul.add-menu-item-tabs li.tabs,.mec-admin-dark-mode.post-type-mec-events ul.category-tabs li.tabs,.mec-admin-dark-mode.post-type-mec_calendars #major-publishing-actions,.mec-admin-dark-mode.post-type-mec_calendars #post-status-info,.mec-admin-dark-mode.post-type-mec_calendars #screen-meta,.mec-admin-dark-mode.post-type-mec_calendars #screen-meta-links .show-settings,.mec-admin-dark-mode.post-type-mec_calendars .categorydiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec_calendars .customlinkdiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list,.mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list li.option,.mec-admin-dark-mode.post-type-mec_calendars .mec-sed-methods li,.mec-admin-dark-mode.post-type-mec_calendars .postbox,.mec-admin-dark-mode.post-type-mec_calendars .postbox h2,.mec-admin-dark-mode.post-type-mec_calendars .posttypediv div.tabs-panel,.mec-admin-dark-mode.post-type-mec_calendars .taxonomydiv div.tabs-panel,.mec-admin-dark-mode.post-type-mec_calendars .wp-editor-container,.mec-admin-dark-mode.post-type-mec_calendars .wp-switch-editor,.mec-admin-dark-mode.post-type-mec_calendars .wp-tab-active,.mec-admin-dark-mode.post-type-mec_calendars .wp-tab-panel,.mec-admin-dark-mode.post-type-mec_calendars div.mce-panel,.mec-admin-dark-mode.post-type-mec_calendars div.mce-toolbar-grp,.mec-admin-dark-mode.post-type-mec_calendars ul.add-menu-item-tabs li.tabs,.mec-admin-dark-mode.post-type-mec_calendars ul.category-tabs li.tabs {
9482	+ border-color: #353535
9483	+ }
9484	+
9485	+ .mec-admin-dark-mode #mec_bfixed_form_fields input[type=checkbox],.mec-admin-dark-mode #mec_calendar_filter .mec-calendar-metabox .wn-mec-select,.mec-admin-dark-mode #mec_calendar_filter .mec-form-row input[type=number],.mec-admin-dark-mode #mec_calendar_filter .mec-form-row input[type=text],.mec-admin-dark-mode #mec_calendar_filter .mec-form-row input[type=url],.mec-admin-dark-mode #mec_calendar_filter .mec-form-row select,.mec-admin-dark-mode #mec_calendar_filter .mec-form-row textarea,.mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-wrap .select2-container,.mec-admin-dark-mode #mec_metabox_booking .mec-calendar-metabox .mec-form-row input[type=checkbox],.mec-admin-dark-mode #mec_metabox_booking .mec-calendar-metabox .wn-mec-select,.mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tab-content .select2-container,.mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=number],.mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=text],.mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=url],.mec-admin-dark-mode #mec_metabox_booking .mec-form-row select,.mec-admin-dark-mode #mec_metabox_booking .mec-form-row textarea,.mec-admin-dark-mode #mec_metabox_booking .mec-form-row.mec-skin-list-date-format-container input[type=text],.mec-admin-dark-mode #mec_metabox_booking .mec-meta-box-fields .mec-form-row input[type=checkbox],.mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-wrap .select2-container,.mec-admin-dark-mode #mec_metabox_details .mec-calendar-metabox .mec-form-row input[type=checkbox],.mec-admin-dark-mode #mec_metabox_details .mec-calendar-metabox .wn-mec-select,.mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tab-content .select2-container,.mec-admin-dark-mode #mec_metabox_details .mec-form-row input[type=number],.mec-admin-dark-mode #mec_metabox_details .mec-form-row input[type=text],.mec-admin-dark-mode #mec_metabox_details .mec-form-row input[type=url],.mec-admin-dark-mode #mec_metabox_details .mec-form-row select,.mec-admin-dark-mode #mec_metabox_details .mec-form-row textarea,.mec-admin-dark-mode #mec_metabox_details .mec-form-row.mec-skin-list-date-format-container input[type=text],.mec-admin-dark-mode #mec_metabox_details .mec-meta-box-fields .mec-form-row input[type=checkbox],.mec-admin-dark-mode #mec_reg_form_fields input[type=checkbox],.mec-admin-dark-mode .mec-addon-box-version,.mec-admin-dark-mode .mec-calendar-metabox .wn-mec-select,.mec-admin-dark-mode .mec-form-row input[type=checkbox],.mec-admin-dark-mode .mec-form-row input[type=number],.mec-admin-dark-mode .mec-form-row input[type=radio],.mec-admin-dark-mode .mec-form-row input[type=text],.mec-admin-dark-mode .mec-form-row input[type=url],.mec-admin-dark-mode .mec-form-row select,.mec-admin-dark-mode .mec-form-row textarea,.mec-admin-dark-mode .mec-form-row.mec-skin-list-date-format-container input[type=text],.mec-admin-dark-mode.m-e-calendar_page_MEC-addons,.mec-admin-dark-mode.m-e-calendar_page_MEC-go-pro,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .html-active .switch-html,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-select-event-wrap .select2-container--default .select2-selection--single,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-sendmail-form-wrap,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-sendmail-wrap,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-send-email-form-wrap input.widefat,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-results__option--highlighted[aria-selected],.mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-search--dropdown .select2-search__field,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .tmce-active .switch-tmce,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .wp-switch-editor,.mec-admin-dark-mode.m-e-calendar_page_MEC-report div.mce-toolbar-grp,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec-invoice-custom-css,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_field_types button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_fields button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #titlediv #title,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-add-event-tabs-wrap .select2-container,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-add-event-tabs-wrap .select2-container span,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-create-shortcode-tab-content .select2-container,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-create-shortcode-tab-content .select2-container span,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .quicktags-toolbar,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-dropdown,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-results__option[aria-selected],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-core-ui .quicktags-toolbar input.button.button-small,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=checkbox],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=color],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=date],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=datetime-local],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=datetime],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=email],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=month],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=number],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=password],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=radio],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=search],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=tel],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=text],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=time],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=url],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings input[type=week],.mec-admin-dark-mode.m-e-calendar_page_MEC-settings select,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings textarea,.mec-admin-dark-mode.post-type-mec-books .wn-mec-select,.mec-admin-dark-mode.post-type-mec-books input[type=email],.mec-admin-dark-mode.post-type-mec-books input[type=number],.mec-admin-dark-mode.post-type-mec-books input[type=text],.mec-admin-dark-mode.post-type-mec-books input[type=url],.mec-admin-dark-mode.post-type-mec-books select,.mec-admin-dark-mode.post-type-mec-books textarea,.mec-admin-dark-mode.post-type-mec-events #mec_event_form_fields button,.mec-admin-dark-mode.post-type-mec-events #mec_reg_form_field_types button,.mec-admin-dark-mode.post-type-mec-events #mec_reg_form_fields button,.mec-admin-dark-mode.post-type-mec-events #titlediv #title,.mec-admin-dark-mode.post-type-mec-events .components-form-token-field__input-container,.mec-admin-dark-mode.post-type-mec-events .components-panel__body,.mec-admin-dark-mode.post-type-mec-events .mec-add-event-tabs-wrap .select2-container span,.mec-admin-dark-mode.post-type-mec-events .mec-certain-day>div,.mec-admin-dark-mode.post-type-mec-events .mec-create-shortcode-tab-content .select2-container span,.mec-admin-dark-mode.post-type-mec-events .mec-xi-facebook-import-events .mec-select-deselect-actions li,.mec-admin-dark-mode.post-type-mec-events .mec-xi-google-import-events .mec-select-deselect-actions li,.mec-admin-dark-mode.post-type-mec-events .select2-dropdown,.mec-admin-dark-mode.post-type-mec-events .select2-results__option[aria-selected],.mec-admin-dark-mode.post-type-mec-events .wp-admin p label input[type=checkbox],.mec-admin-dark-mode.post-type-mec-events input[type=checkbox],.mec-admin-dark-mode.post-type-mec-events input[type=color],.mec-admin-dark-mode.post-type-mec-events input[type=date],.mec-admin-dark-mode.post-type-mec-events input[type=datetime-local],.mec-admin-dark-mode.post-type-mec-events input[type=datetime],.mec-admin-dark-mode.post-type-mec-events input[type=email],.mec-admin-dark-mode.post-type-mec-events input[type=month],.mec-admin-dark-mode.post-type-mec-events input[type=number],.mec-admin-dark-mode.post-type-mec-events input[type=password],.mec-admin-dark-mode.post-type-mec-events input[type=radio],.mec-admin-dark-mode.post-type-mec-events input[type=search],.mec-admin-dark-mode.post-type-mec-events input[type=tel],.mec-admin-dark-mode.post-type-mec-events input[type=text],.mec-admin-dark-mode.post-type-mec-events input[type=time],.mec-admin-dark-mode.post-type-mec-events input[type=url],.mec-admin-dark-mode.post-type-mec-events input[type=week],.mec-admin-dark-mode.post-type-mec-events select,.mec-admin-dark-mode.post-type-mec-events textarea,.mec-admin-dark-mode.post-type-mec_calendars #titlediv #title,.mec-admin-dark-mode.post-type-mec_calendars .mec-add-event-tabs-wrap .select2-container,.mec-admin-dark-mode.post-type-mec_calendars .mec-add-event-tabs-wrap .select2-container span,.mec-admin-dark-mode.post-type-mec_calendars .mec-create-shortcode-tab-content .select2-container,.mec-admin-dark-mode.post-type-mec_calendars .mec-create-shortcode-tab-content .select2-container span,.mec-admin-dark-mode.post-type-mec_calendars .select2-container--default .select2-selection--multiple .select2-selection__choice,.mec-admin-dark-mode.post-type-mec_calendars .select2-dropdown,.mec-admin-dark-mode.post-type-mec_calendars .select2-results__option[aria-selected],.mec-admin-dark-mode.post-type-mec_calendars input[type=checkbox],.mec-admin-dark-mode.post-type-mec_calendars input[type=color],.mec-admin-dark-mode.post-type-mec_calendars input[type=date],.mec-admin-dark-mode.post-type-mec_calendars input[type=datetime-local],.mec-admin-dark-mode.post-type-mec_calendars input[type=datetime],.mec-admin-dark-mode.post-type-mec_calendars input[type=email],.mec-admin-dark-mode.post-type-mec_calendars input[type=month],.mec-admin-dark-mode.post-type-mec_calendars input[type=number],.mec-admin-dark-mode.post-type-mec_calendars input[type=password],.mec-admin-dark-mode.post-type-mec_calendars input[type=radio],.mec-admin-dark-mode.post-type-mec_calendars input[type=search],.mec-admin-dark-mode.post-type-mec_calendars input[type=tel],.mec-admin-dark-mode.post-type-mec_calendars input[type=text],.mec-admin-dark-mode.post-type-mec_calendars input[type=time],.mec-admin-dark-mode.post-type-mec_calendars input[type=url],.mec-admin-dark-mode.post-type-mec_calendars input[type=week],.mec-admin-dark-mode.post-type-mec_calendars select,.mec-admin-dark-mode.post-type-mec_calendars textarea,.mec-admin-dark-mode.toplevel_page_mec-intro .w-box.mec-activation input[name=MECPurchaseCode],.mec-admin-dark-mode.toplevel_page_mec-intro .w-box.mec-activation input[type=radio]+label span,.mec-select-deselect-actions li {





























































































































































9486	background: #282828;
9487	border-color: #353535;
9488	+ color: #d2d2d2
9489	}
9490
9491	+ .mec-admin-dark-mode #mec_metabox_booking .mec-form-row input[type=checkbox]:checked,.mec-admin-dark-mode #mec_metabox_details .mec-form-row input[type=checkbox]:checked,.mec-admin-dark-mode .mec-custom-nice-select ul.list li .wn-mec-text:after,.mec-admin-dark-mode .mec-sed-methods li:before {



9492	box-shadow: 0 1px 6px -2px #000;
9493	border-color: #353535;
9494	+ background: #222
9495	}
9496
9497	+ .mec-admin-dark-mode .mec-sed-methods li.active,.mec-admin-dark-mode .mec-switcher input+label,.mec-admin-dark-mode .mec-switcher input+label:before,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-results__option {
9498	+ background-color: #000


9499	}
9500
9501	+ .mec-admin-dark-mode .wn-mec-select .option.focus .wn-img-sh img,.mec-admin-dark-mode .wn-mec-select .option.selected.focus .wn-img-sh img,.mec-admin-dark-mode .wn-mec-select .option:hover .wn-img-sh img {
9502	+ background: 0 0


9503	}
9504
9505	.mec-admin-dark-mode .ui-datepicker {
9506	background-color: #000;
9507	border: 1px solid #000;
9508	+ box-shadow: 0 0 8px rgba(33,33,33,.6)
9509	}
9510
9511	+ .mec-admin-dark-mode .ui-datepicker.ui-widget td a,.mec-admin-dark-mode .w-box.upcoming-events .mec-event-article .mec-detail-button,.mec-admin-dark-mode.post-type-mec-events,.mec-admin-dark-mode.post-type-mec-events .postbox h2,.mec-admin-dark-mode.post-type-mec_calendars .postbox h2 {
9512	+ color: #d2d2d2;
9513	+ background: #282828




9514	}
9515
9516	.mec-admin-dark-mode #mec-advanced-wraper div:first-child>ul * {
9517	+ background: #282828
9518	}
9519
9520	+ .mec-admin-dark-mode #mec-advanced-wraper div:first-child>ul>ul>li,.mec-admin-dark-mode #mec_styles_form #mec_styles_CSS,.mec-admin-dark-mode .mec-message-categories li.mec-acc-label,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_bfixed_form_fields,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_event_form_fields,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_fields {
9521	+ background: #000





9522	}
9523
9524	+ .mec-admin-dark-mode #mec-advanced-wraper div:first-child>ul>ul>li:hover,.mec-admin-dark-mode .mec-active,.mec-admin-dark-mode.post-type-mec-events .select2-container--default .select2-results__option--highlighted[aria-selected] {
9525	+ background: #888!important


9526	}
9527
9528	.mec-admin-dark-mode.post-type-mec_calendars .mec-calendar-metabox .wn-mec-select .list {
9529	border-radius: 0 0 2px 2px;
9530	+ box-shadow: 0 0 0 1px #353535,0 2px 6px rgba(0,0,0,.07)
9531	+ }
9532	+
9533	+ .mec-admin-dark-mode #mec_calendar_filter .mec-add-booking-tabs-right,.mec-admin-dark-mode #mec_calendar_filter .mec-add-event-tabs-right,.mec-admin-dark-mode #mec_calendar_filter .mec-create-shortcode-tabs-right,.mec-admin-dark-mode #mec_calendar_filter .ui-sortable-handle,.mec-admin-dark-mode #mec_gateways_form li .mec-gateway-options-form,.mec-admin-dark-mode #mec_metabox_booking .mec-add-booking-tabs-right,.mec-admin-dark-mode #mec_metabox_booking .mec-add-event-tabs-right,.mec-admin-dark-mode #mec_metabox_booking .mec-create-shortcode-tabs-right,.mec-admin-dark-mode #mec_metabox_booking .ui-sortable-handle,.mec-admin-dark-mode #mec_metabox_details .mec-add-booking-tabs-right,.mec-admin-dark-mode #mec_metabox_details .mec-add-event-tabs-right,.mec-admin-dark-mode #mec_metabox_details .mec-create-shortcode-tabs-right,.mec-admin-dark-mode #mec_metabox_details .ui-sortable-handle,.mec-admin-dark-mode #payment_gateways_option li .mec-gateway-options-form,.mec-admin-dark-mode .mec-meta-box-fields h4 {
9534	+ border-color: #000!important
9535	+ }
9536	+
9537	+ .mec-admin-dark-mode .wns-be-container,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content,.mec-admin-dark-mode.post-type-mec-events #wp-content-editor-tools,.mec-admin-dark-mode.post-type-mec_calendars,.mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .list {


















9538	background-color: #282828;
9539	+ border-color: #353535
9540	+ }
9541	+
9542	+ .mec-admin-dark-mode .mec-intro-section-ifarme iframe,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-head,.mec-admin-dark-mode.m-e-calendar_page_MEC-support .fserv-container,.mec-admin-dark-mode.m-e-calendar_page_MEC-support .fserv-container ,.mec-admin-dark-mode.toplevel_page_mec-intro .fserv-container,.mec-admin-dark-mode.toplevel_page_mec-intro .fserv-container {
9543	+ background: #1f1f1f!important;
9544	+ border-color: #353535!important
9545	+ }
9546	+
9547	+ .mec-admin-dark-mode .block-editor-block-types-list__item-icon,.mec-admin-dark-mode .block-editor-block-types-list__item-title,.mec-admin-dark-mode .w-box.upcoming-events .mec-event-article h4.mec-event-title,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-content,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .select2-container--default .select2-selection--single .select2-selection__rendered,.mec-admin-dark-mode.m-e-calendar_page_MEC-support .about-wrap h3,.mec-admin-dark-mode.m-e-calendar_page_MEC-support .fserv-container .fserv-form-name,.mec-admin-dark-mode.toplevel_page_mec-intro .about-wrap h3,.mec-admin-dark-mode.toplevel_page_mec-intro .fserv-container .fserv-form-name {
9548	+ color: #d2d2d2!important
9549	}
9550
9551	+ .mec-admin-dark-mode .wns-be-sidebar li a:hover,.mec-admin-dark-mode .wns-be-sidebar li:hover,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .html-active .switch-html,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .tmce-active .switch-tmce,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-switch-editor,.mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option:hover {



























9552	background: #000;
9553	+ color: #d2d2d2
9554	+ }
9555	+
9556	+ .mec-admin-dark-mode .wns-be-sidebar li a,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix h1,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix h2,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix h3,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix h4,.mec-admin-dark-mode.m-e-calendar_page_MEC-report .mec-report-selected-event-attendees-wrap .w-clearfix.mec-attendees-head span,.mec-admin-dark-mode.m-e-calendar_page_MEC-report h2,.mec-admin-dark-mode.m-e-calendar_page_MEC-report h4,.mec-admin-dark-mode.m-e-calendar_page_MEC-support #webnus-dashboard .mec-faq-accordion-trigger a,.mec-admin-dark-mode.post-type-mec-books .postbox h1,.mec-admin-dark-mode.post-type-mec-books .postbox h2,.mec-admin-dark-mode.post-type-mec-books .postbox h3,.mec-admin-dark-mode.post-type-mec-events .components-panel__body-toggle.components-button,.mec-admin-dark-mode.post-type-mec-events .wrap h1.wp-heading-inline,.mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list li.option .wn-mec-text {
9557	+ color: #d2d2d2
9558	+ }
9559	+
9560	+ .mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu>li.active>a,.mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu>li.active>a:hover {
9561	+ border: none

















9562	}
9563
9564	.mec-admin-dark-mode .wns-be-sidebar li.active ul.subsection {
9565	background: #282828;
9566	+ border-bottom: 1px solid #353535
9567	}
9568
9569	.mec-admin-dark-mode .wns-be-sidebar li .subsection a {

9571	color: #636363;
9572	opacity: 1;
9573	font-size: 12px;
9574	+ padding: 6px 4px 6px 46px
9575	}
9576
9577	+ .mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu>li.active>a,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-infobar,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-main {
9578	+ box-shadow: 0 2px 12px -5px #000


9579	}
9580
9581	+ .mec-admin-dark-mode .wns-be-sidebar .mec-settings-menu .mec-settings-submenu a,.mec-admin-dark-mode li.wns-be-group-menu-li.mec-settings-menu .mec-settings-submenu,.mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option.focus,.mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option.selected.focus,.mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option:hover {





9582	background: #000;
9583	+ color: #d2d2d2;
9584	+ border-color: #353535
9585	+ }
9586	+
9587	+ .mec-admin-dark-mode.m-e-calendar_page_MEC-settings,.mec-admin-dark-mode.post-type-mec_calendars .mec-custom-nice-select ul.list li.option {
9588	+ background: #000!important;
9589	+ color: #fff!important
9590	+ }
9591	+
9592	+ .mec-admin-dark-mode.m-e-calendar_page_MEC-addons,.mec-admin-dark-mode.m-e-calendar_page_MEC-addons .about-wrap h1,.mec-admin-dark-mode.m-e-calendar_page_MEC-go-pro,.mec-admin-dark-mode.m-e-calendar_page_MEC-go-pro h1,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix h1,.mec-admin-dark-mode.m-e-calendar_page_MEC-report,.mec-admin-dark-mode.m-e-calendar_page_MEC-report h1,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings div.mce-panel,.mec-admin-dark-mode.m-e-calendar_page_MEC-support,.mec-admin-dark-mode.m-e-calendar_page_MEC-support h1,.mec-admin-dark-mode.post-type-mec-books,.mec-admin-dark-mode.post-type-mec-books h1,.mec-admin-dark-mode.post-type-mec_calendars,.mec-admin-dark-mode.post-type-mec_calendars .wrap h1.wp-heading-inline,.mec-admin-dark-mode.toplevel_page_mec-intro,.mec-admin-dark-mode.toplevel_page_mec-intro .about-wrap h1 {
9593	+ background: #282828!important;
9594	+ color: #d2d2d2
9595	}
9596




























9597	.mec-admin-dark-mode .w-theme-version {
9598	box-shadow: 0 3px 30px -4px #000;
9599	background: #000;
9600	+ background: linear-gradient(95deg,#000 0,#282828 50%,#1f1f1f 100%)
9601	}
9602
9603	+ .mec-admin-dark-mode .mec-sed-methods li.active,.mec-admin-dark-mode .wns-be-container .wns-be-group-tab h2,.mec-admin-dark-mode .wns-be-container .wns-be-group-tab h4,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix #mec-wrap .nav-tab-wrapper .nav-tab,.mec-admin-dark-mode.m-e-calendar_page_MEC-ix #mec-wrap h2.nav-tab-wrapper,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .select2-container--default .select2-selection--multiple .select2-selection__choice {
9604	+ color: #d2d2d2
9605	+ }






9606
9607	.mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu li a:hover {
9608	+ color: #07bbe9
9609	}
9610
9611	+ .mec-admin-dark-mode.m-e-calendar_page_MEC-ix #mec-wrap .nav-tab-wrapper .nav-tab-active {
9612	background: #008aff;
9613	+ background: linear-gradient(95deg,#36a2ff 0,#008aff 50%,#0072ff 100%)
9614	}
9615
9616	.mec-admin-dark-mode .wns-be-container #wns-be-infobar:before {

9624	background: #1f1f1f url(../img/webnus-logo2.png) no-repeat center;
9625	border-bottom: 1px solid #dedede;
9626	background-size: 220px;
9627	+ z-index: 997
9628	}
9629
9630	+ .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .mec-custom-msg-notification-set-box.extra,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wns-be-container #wns-be-footer,.mec-admin-dark-mode.post-type-mec-books #titlediv #title,.mec-admin-dark-mode.post-type-mec-books .postbox h1 {
9631	+ background: #1f1f1f!important



9632	}
9633
9634	+ .mec-admin-dark-mode .mec-settings-menu .mec-settings-submenu:after,.mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:after,.mec-admin-dark-mode .wns-be-sidebar .wns-be-group-menu li .subsection li.active a:before {
9635	+ border-right-color: #353535


9636	}
9637
9638	.mec-admin-dark-mode .mec-switcher input:checked+label:before {
9639	+ background-color: #d2d2d2;
9640	+ box-shadow: 2px 2px 12px -2px #ccc inset
9641	}
9642	+
9643	.mec-admin-dark-mode .mec-switcher input:checked+label {
9644	+ box-shadow: 0 3px 11px -7px #000
9645	}
9646
9647	+ .mec-admin-dark-mode .lity.mec-add-event-popup,.mec-admin-dark-mode .lity.mec-add-shortcode-popup,.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup,.mec-admin-dark-mode .mec-add-shortcode-popup div#mec_popup_shortcode {
9648	+ background: #282828




9649	}
9650
9651	+ .mec-admin-dark-mode .lity.mec-add-event-popup .lity-content,.mec-admin-dark-mode .lity.mec-add-shortcode-popup .lity-content {
9652	+ box-shadow: 0 3px 20px 0 rgba(0,0,0,.55)

9653	}
9654
9655	+ .mec-admin-dark-mode .mec-add-event-popup .mec-meta-box-colors-container,.mec-admin-dark-mode .mec-steps-container,.mec-admin-dark-mode .mec-steps-header {
9656	+ background: #000

9657	}
9658
9659	+ .mec-admin-dark-mode .mec-add-event-popup div#mec_popup_event,.mec-admin-dark-mode .mec-steps-panel {
9660	+ background: #1f1f1f

9661	}
9662
9663	.mec-admin-dark-mode button.lity-close {
9664	background: #000;
9665	+ box-shadow: 0 3px 8px 0 rgba(0,0,0,.55)
9666	}
9667
9668	.mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li {
9669	border: 2px solid #282828;
9670	+ background: #000!important
9671	}
9672
9673	+ .mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-step-popup-skin-text:before,.mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content.mec-steps-content-4 label input {

9674	background: #282828;
9675	+ border-color: #1f1f1f;
9676	+ box-shadow: 0 3px 6px 0 rgba(0,0,0,.05)
9677	}
9678
9679	.mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-2 .mec-steps-content.mec-steps-content-2 ul li.active {
9680	+ box-shadow: 0 3px 5px rgba(0,0,0,.2)
9681	}
9682
9683	.mec-admin-dark-mode .nicescroll-cursors {
9684	+ background-color: #000!important
9685	}
9686
9687	+ .mec-admin-dark-mode .mec-add-event-popup .mec-categories-tab-contents,.mec-admin-dark-mode .mec-add-event-popup .mec-form-row.mec-available-color-row,.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content.mec-steps-content-7.mec-steps-content-active,.mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .mec-steps-content.mec-steps-content-4 .mec-multiple-skin-options div,.mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode {




9688	border-color: #282828;
9689	+ background: #000
9690	}
9691
9692	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code {
9693	+ background: rgba(266,266,266,.35)
9694	}
9695
9696	+ .mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code code,.mec-admin-dark-mode .mec-steps-content h3 {
9697	+ color: #d2d2d2

9698	}
9699
9700	+ .mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option.focus,.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option.selected.focus,.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .option:hover {
9701	+ background: #000


9702	}
9703
9704	.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .list {
9705	+ background: #282828
9706	}
9707
9708	.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .list::-webkit-scrollbar-track {
9709	+ background-color: #333
9710	}
9711
9712	.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content-container .wn-mec-select-popup .list::-webkit-scrollbar {
9713	width: 3px;
9714	+ background-color: #333
9715	}
9716

9717	.mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-6 .mec-popup-shortcode-code button {
9718	+ margin-left: unset
9719	}
9720
9721	.mec-admin-dark-mode .wp-picker-container .wp-color-result.button {
9722	+ background: inherit
9723	}
9724
9725	.mec-admin-dark-mode .mec-add-event-popup .mec-steps-content.mec-steps-content-6 .mce-container-body.mce-stack-layout {
9726	background: #000;
9727	+ border-color: #000!important
9728	}
9729
9730	+ .mec-admin-dark-mode .attachments-browser .media-toolbar,.mec-admin-dark-mode .media-frame-content,.mec-admin-dark-mode .media-modal-content,.mec-admin-dark-mode .media-modal-content h1,.mec-admin-dark-mode .media-modal-content h2,.mec-admin-dark-mode .media-modal-content p,.mec-admin-dark-mode .media-sidebar {






9731	background: #000;
9732	+ color: #d2d2d2!important;
9733	+ border-color: #282828
9734	}
9735
9736	+ .mec-admin-dark-mode .mec-add-shortcode-popup .mec-steps-content-container.mec-steps-content-4 .wn-mec-select-popup {
9737	background-color: #000;
9738	+ border-color: #282828
9739	}
9740
9741	+ .mec-admin-dark-mode #wns-be-content .noresults label,.mec-admin-dark-mode #wns-be-content .results .results .noresults label,.mec-admin-dark-mode #wns-be-content ul li.disable,.mec-admin-dark-mode #wns-be-content ul li.disable label {
9742	+ color: #666




9743	}
9744
9745	+ .mec-admin-dark-mode #wns-be-content .results .results .results label,.mec-admin-dark-mode #wns-be-content .results label,.mec-admin-dark-mode #wns-be-content ul li.enable,.mec-admin-dark-mode #wns-be-content ul li.enable label {
9746	+ color: #fff



9747	}
9748
9749	+ .mec-admin-dark-mode.post-type-mec-books table.widefat,.mec-admin-dark-mode.post-type-mec_calendars table.widefat,.post-type-mec-events.mec-admin-dark-mode table.widefat {



9750	background: #1f1f1f;
9751	border-color: #353535;
9752	+ color: #d2d2d2
9753	}
9754
9755	+ .mec-admin-dark-mode.post-type-mec-books .striped>tbody>:nth-child(odd),.mec-admin-dark-mode.post-type-mec-books ul.striped>:nth-child(odd),.mec-admin-dark-mode.post-type-mec-events .striped>tbody>:nth-child(odd),.mec-admin-dark-mode.post-type-mec-events ul.striped>:nth-child(odd),.mec-admin-dark-mode.post-type-mec_calendars .striped>tbody>:nth-child(odd),.mec-admin-dark-mode.post-type-mec_calendars ul.striped>:nth-child(odd) {





9756	background: #282828;
9757	border-color: #353535;
9758	+ color: #d2d2d2
9759	}
9760
9761	+ .mec-admin-dark-mode.post-type-mec-books .widefat td,.mec-admin-dark-mode.post-type-mec-books .widefat th,.mec-admin-dark-mode.post-type-mec-events .widefat td,.mec-admin-dark-mode.post-type-mec-events .widefat th,.mec-admin-dark-mode.post-type-mec_calendars .widefat td,.mec-admin-dark-mode.post-type-mec_calendars .widefat th {





9762	border-color: #000;
9763	+ color: #d2d2d2
9764	+ }
9765	+
9766	+ .mec-admin-dark-mode.m-e-calendar_page_MEC-settings ul#adminmenu a.wp-has-current-submenu:after,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings ul#adminmenu>li.current>a.current:after,.mec-admin-dark-mode.post-type-mec-events ul#adminmenu a.wp-has-current-submenu:after,.mec-admin-dark-mode.post-type-mec-events ul#adminmenu>li.current>a.current:after,.mec-admin-dark-mode.post-type-mec_calendars ul#adminmenu a.wp-has-current-submenu:after,.mec-admin-dark-mode.post-type-mec_calendars ul#adminmenu>li.current>a.current:after {
9767	+ border-right-color: #1f1f1f
9768	+ }
9769	+
9770	+ .mec-admin-dark-mode #mec_add_fee_button,.mec-admin-dark-mode #mec_add_ticket_variation_button,.mec-admin-dark-mode #mec_bfixed_form_field_types button,.mec-admin-dark-mode #mec_bfixed_form_fields button,.mec-admin-dark-mode #mec_event_form_field_types button,.mec-admin-dark-mode #mec_event_form_fields button,.mec-admin-dark-mode #mec_meta_box_downloadable_file_options #mec_downloadable_file_remove_image_button,.mec-admin-dark-mode #mec_reg_form_field_types button,.mec-admin-dark-mode #mec_reg_form_fields button,.mec-admin-dark-mode #taxes_option #mec_fees_list .mec-form-row .button,.mec-admin-dark-mode #ticket_variations_option #mec_ticket_variations_list .mec-form-row .button,.mec-admin-dark-mode .mec-export-settings,.mec-admin-dark-mode .mec-import-settings,.mec-admin-dark-mode .mec-meta-box-fields .mec-form-row .button:not(.wp-color-result),.mec-admin-dark-mode .mec-occurrences-wrapper .button:not(.wp-color-result),.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button-secondary,.mec-admin-dark-mode.post-type-mec-events .button,.mec-admin-dark-mode.post-type-mec-events .button-secondary,.mec-admin-dark-mode.post-type-mec-events .wp-heading-inline+.page-title-action,.mec-admin-dark-mode.post-type-mec_calendars .button,.mec-admin-dark-mode.post-type-mec_calendars .wp-heading-inline+.page-title-action {
9771	+ color: #d2d2d2!important;
9772	+ border-color: #353535!important;
9773	+ background: #000
9774	+ }
9775	+
9776	+ .mec-admin-dark-mode #mec_add_fee_button:hover,.mec-admin-dark-mode #mec_add_ticket_variation_button:hover,.mec-admin-dark-mode #mec_bfixed_form_field_types button:hover,.mec-admin-dark-mode #mec_bfixed_form_fields button:hover,.mec-admin-dark-mode #mec_event_form_field_types button:hover,.mec-admin-dark-mode #mec_event_form_fields button:hover,.mec-admin-dark-mode #mec_meta_box_downloadable_file_options #mec_downloadable_file_remove_image_button:hover,.mec-admin-dark-mode #mec_reg_form_field_types button:hover,.mec-admin-dark-mode #mec_reg_form_fields button:hover,.mec-admin-dark-mode #taxes_option #mec_fees_list .mec-form-row .button:hover,.mec-admin-dark-mode #ticket_variations_option #mec_ticket_variations_list .mec-form-row .button:hover,.mec-admin-dark-mode .mec-export-settings:hover,.mec-admin-dark-mode .mec-import-settings:hover,.mec-admin-dark-mode .mec-meta-box-fields .mec-form-row .button:not(.wp-color-result):hover,.mec-admin-dark-mode .mec-occurrences-wrapper .button:not(.wp-color-result):hover,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button-secondary:hover,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button.hover,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings .button:hover,.mec-admin-dark-mode.post-type-mec-events .button-secondary:hover,.mec-admin-dark-mode.post-type-mec-events .button.hover,.mec-admin-dark-mode.post-type-mec-events .button:hover,.mec-admin-dark-mode.post-type-mec_calendars .button-secondary:hover,.mec-admin-dark-mode.post-type-mec_calendars .button.hover,.mec-admin-dark-mode.post-type-mec_calendars .button:hover {
9777	+ background: #111;
9778	+ border-color: #333!important;
9779	+ color: #fff



















9780	}
9781
9782	.mec-admin-dark-mode.post-type-mec-events .mec-form-row .button:not(.wp-color-result) {
9783	height: 37px;
9784	margin-top: 1px;
9785	+ box-shadow: inset 0 2px 4px #282828,inset 0 -2px 4px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.06)
9786	}
9787
9788	+ .mec-admin-dark-mode.m-e-calendar_page_MEC-settings .wp-color-result-text,.mec-admin-dark-mode.post-type-mec-events .wp-color-result-text {

9789	border-left: 1px solid #353535;
9790	+ color: #d2d2d2;
9791	+ background: #000
9792	}
9793
9794	+ .mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec-search-settings {
9795	+ color: #d2d2d2;
9796	+ background: #282828
9797	}
9798
9799	+ .mec-admin-dark-mode.taxonomy-mec_category .button,.mec-admin-dark-mode.taxonomy-mec_label .button,.mec-admin-dark-mode.taxonomy-mec_location .button,.mec-admin-dark-mode.taxonomy-mec_organizer .button,.mec-admin-dark-mode.taxonomy-mec_speaker .button,.mec-admin-dark-mode.taxonomy-mec_tag .button {
9800	+ box-shadow: 0 3px 10px -4px #000!important





9801	}
9802
9803	+ .mec-admin-dark-mode.post-type-mec_calendars .mec-switcher input+label:after,.mec-admin-dark-mode.post-type-mec_calendars .wn-mec-select .option .wn-hover-img-sh img {
9804	+ background: #282828

9805	}
9806

9807	.mec-admin-dark-mode .media-router .media-menu-item:focus {
9808	+ box-shadow: unset
9809	}
9810
9811	.mec-admin-dark-mode .media-router .media-menu-item {
9812	background: #282828;
9813	+ color: #ffff
9814	}
9815
9816	+ .mec-admin-dark-mode .media-router .media-menu-item:hover,.mec-admin-dark-mode .wns-be-group-tab h5 {
9817	+ color: #d2d2d2

9818	}
9819
9820	+ .mec-admin-dark-mode .media-router .active,.mec-admin-dark-mode .media-router .media-menu-item.active:last-child {

9821	background: #000;
9822	color: #666;
9823	+ border-color: #282828
9824	}
9825
9826	+ .mec-admin-dark-mode .attachment-info,.mec-admin-dark-mode .media-frame-toolbar .media-toolbar {
9827	+ border-color: #282828

9828	}
9829
9830	+ .mec-admin-dark-mode .wp-core-ui .attachment-preview,.mec-admin-dark-mode.post-type-mec-events .button:hover {
9831	+ background: #000!important

9832	}
9833
9834	+ .mec-admin-dark-mode .ac_match,.mec-admin-dark-mode .subsubsub a.current {
9835	+ color: #d2d2d2


9836	}
9837
9838	+ .mec-admin-dark-mode #webnus-dashboard .welcome-head img,.mec-admin-dark-mode .mce-content-body {
9839	+ background-color: #000!important
9840	}
9841
9842	.mec-admin-dark-mode .w-box.upcoming-events .mec-event-article {
9843	+ border-bottom: 1px solid #444
9844	+ }
9845	+
9846	+ .mec-admin-dark-mode #webnus-dashboard a,.mec-admin-dark-mode #webnus-dashboard pre,.mec-admin-dark-mode .extra .w-box-head,.mec-admin-dark-mode .mec-addons-notification-box-content.mec-new-addons a,.mec-admin-dark-mode .mec-form-row label,.mec-admin-dark-mode .mec-form-row span,.mec-admin-dark-mode .mec-meta-box-fields h4,.mec-admin-dark-mode .mec-meta-box-fields label,.mec-admin-dark-mode .mec-meta-box-fields p,.mec-admin-dark-mode .mec-meta-box-fields span,.mec-admin-dark-mode .mec-meta-box-fields strong,.mec-admin-dark-mode .mec-new-addons .mec-addons-notification-title,.mec-admin-dark-mode .mec-new-addons p,.mec-admin-dark-mode .mec-new-addons strong,.mec-admin-dark-mode .misc-pub-section,.mec-admin-dark-mode .w-box-content p,.mec-admin-dark-mode .w-box.doc,.mec-admin-dark-mode .w-box.total-bookings ul li,.mec-admin-dark-mode .w-box.total-bookings ul li a,.mec-admin-dark-mode .wns-be-sidebar .mec-settings-menu .mec-settings-submenu a,.mec-admin-dark-mode.m-e-calendar_page_MEC-settings #mec_reg_form_field_types button {
9847	+ color: #fff!important




















9848	}
9849
9850	.mec-admin-dark-mode #webnus-dashboard .mec-event-detail {
9851	+ color: #444
9852	}
9853
9854	+ .mec-admin-dark-mode #webnus-dashboard .mec-intro-section .mec-intro-section-link-tag,.mec-admin-dark-mode .postbox-header {
9855	+ border-color: #2d2d2d

9856	}
9857
9858	+ .mec-admin-dark-mode .mec-addons-notification-box-content.mec-new-addons a,.mec-admin-dark-mode .w-box.total-bookings ul li {

9859	background: #333;
9860	+ box-shadow: 0 2px 3px -2px #000
9861	}
9862
9863	+ .mec-admin-dark-mode .mec-addons-notification-box-content.mec-new-addons a:hover,.mec-admin-dark-mode .w-box.total-bookings ul li:hover {
9864	+ background: #000

9865	}
9866
9867	+ .mec-admin-dark-mode #webnus-dashboard .total-bookings input[type=text],.mec-admin-dark-mode #webnus-dashboard .total-bookings select {

9868	background: #000;
9869	color: #999;
9870	+ border-color: #111





























9871	}
9872
9873	+ .mec-admin-dark-mode #mec_category-add-toggle,.mec-admin-dark-mode #sample-permalink a,.mec-admin-dark-mode #set-post-thumbnail,.mec-admin-dark-mode .button-link,.mec-admin-dark-mode .category-tabs a,.mec-admin-dark-mode .mec-add-booking-tabs-left a,.mec-admin-dark-mode .mec-add-event-tabs-left a,.mec-admin-dark-mode .mec-create-shortcode-tabs-left a,.mec-admin-dark-mode .misc-pub-section a,.mec-admin-dark-mode.post-type-mec-events .wp-list-table .row-title,.mec-admin-dark-mode.post-type-mec_calendars .wp-list-table .row-title {
9874	+ color: #888!important
9875	+ }
9876	+
9877	+ .mec-admin-dark-mode #mec_category-add-toggle:hover,.mec-admin-dark-mode #sample-permalink a:hover,.mec-admin-dark-mode #set-post-thumbnail:hover,.mec-admin-dark-mode .button-link:hover,.mec-admin-dark-mode .category-tabs a:hover,.mec-admin-dark-mode .mec-add-booking-tabs-left a:hover,.mec-admin-dark-mode .mec-add-event-tabs-left a:hover,.mec-admin-dark-mode .mec-create-shortcode-tabs-left a:hover,.mec-admin-dark-mode .misc-pub-section a:hover,.mec-admin-dark-mode.post-type-mec-events .wp-list-table .row-title:hover,.mec-admin-dark-mode.post-type-mec_calendars .wp-list-table .row-title:hover {
9878	+ color: #a9a9a9!important
9879	+ }
9880	+
9881	+ .mec-admin-dark-mode .mec-add-booking-tabs-left a.mec-tab-active,.mec-admin-dark-mode .mec-add-event-tabs-left a.mec-tab-active,.mec-admin-dark-mode .mec-create-shortcode-tabs-left a.mec-tab-active {
9882	+ color: #00b0dd
9883	+ }
9884	+
9885	+ .mec-admin-dark-mode #TB_title,.mec-admin-dark-mode #TB_window {
9886	+ background: #000
9887	+ }
9888	+
9889	+ .mec-admin-dark-mode #webnus-dashboard .welcome-head img,.mec-admin-dark-mode .webnus-icons-list li:hover {
9890	+ background: #111
9891	}
9892
9893	.mec-admin-dark-mode #TB_window i {
9894	+ color: #999
9895	+ }
9896	+
9897	+ .mec-admin-dark-mode #TB_title,.mec-admin-dark-mode .webnus-icons-list li label {
9898	+ border: unset!important
9899	}
9900
9901	+ .mec-admin-dark-mode .notice-success,.mec-admin-dark-mode div.updated {
9902	+ background: #111;
9903	+ border-top: unset;
9904	+ border-bottom: unset
9905	}
9906

9907	.post-type-mec-books .attendees .mec-booking-attendees-tooltip {
9908	+ position: relative
9909	}
9910
9911	.post-type-mec-books .attendees strong {
9912	line-height: 26px;
9913	+ padding-left: 26px
9914	}
9915
9916	.post-type-mec-books .attendees .mec-booking-attendees-tooltip:before {

9923	font-size: 18px;
9924	line-height: 12px;
9925	color: #40d9f1;
9926	+ padding: 0 60px 5px 0
9927	}
9928
9929	.pos

Modern Events Calendar Lite - Version 5.17.0

Version Description

Release Info

Code changes from version 5.16.6 to 5.17.0