Responsive Menu - Version 3.1.8

Version Description

(26th October 2017) = * Requires PHP 5.4 * Added a new dark admin theme * Updated the old light admin theme * Added a "hide pro options" button to remove some of the clutter * Improved UI interface * Made the Word Wrap option a free feature * Change database option value type to LONGTEXT to accept longer values * Fixed bug with Enable Gestures option - Pro * Complete overhaul of the Desktop Menu options including Mega Menus and more - Pro * Added vw and vh sizing units - Pro

Download this release

Release Info

Developer peterfeatherstone
Plugin Icon 128x128 Responsive Menu
Version 3.1.8
Comparing to
See all releases

Code changes from version 3.1.7 to 3.1.8

Files changed (48) hide show
  1. app/Database/Migrations/Migrate_0_0_1_0_0_2.php +2 -2
  2. app/Database/Migrations/Migrate_0_0_2_0_0_3.php +2 -2
  3. app/Database/Migrations/Migrate_0_0_5_0_0_6.php +1 -1
  4. app/Database/Migrations/Migrate_1_1_0_1_1_1.php +1 -1
  5. app/Database/Migrations/Migrate_3_1_0_3_1_1.php +1 -1
  6. app/Database/Migrations/Migrate_3_1_7_3_1_8.php +21 -0
  7. config/default_options.php +11 -3
  8. config/routing.php +14 -2
  9. config/twig.php +36 -6
  10. config/wp/scripts.php +22 -5
  11. migration.php +1 -2
  12. public/css/admin/additional.css +112 -0
  13. public/css/admin/admin.css +0 -512
  14. public/css/admin/base.css +785 -0
  15. public/css/admin/themes/dark.css +178 -0
  16. public/css/admin/themes/light.css +194 -0
  17. public/css/app.css.twig +3 -0
  18. public/js/admin/additional.js +61 -0
  19. public/js/admin/admin.js +0 -167
  20. public/js/admin/base.js +207 -0
  21. readme.txt +22 -8
  22. responsive-menu.php +1 -1
  23. views/admin/alerts.html.twig +6 -1
  24. views/admin/banners.html.twig +60 -16
  25. views/admin/macros.html.twig +41 -14
  26. views/admin/main.html.twig +50 -7
  27. views/admin/options.html.twig +17 -10
  28. views/admin/sections/advanced.html.twig +42 -0
  29. views/admin/sections/button.html.twig +50 -43
  30. views/admin/sections/container.html.twig +108 -0
  31. views/admin/sections/custom-css.html.twig +0 -8
  32. views/admin/sections/desktop-menu.html.twig +67 -0
  33. views/admin/sections/header-bar.html.twig +38 -60
  34. views/admin/sections/import-export.html.twig +0 -38
  35. views/admin/sections/initial-setup.html.twig +14 -11
  36. views/admin/sections/license.html.twig +15 -0
  37. views/admin/sections/menu.html.twig +44 -196
  38. views/admin/sections/modules/container-ordering.html.twig +23 -0
  39. views/admin/sections/modules/desktop-menu-settings.html.twig +274 -0
  40. views/admin/sections/modules/font-icons.html.twig +83 -0
  41. views/admin/sections/modules/header-bar-ordering.html.twig +25 -0
  42. views/admin/sections/modules/license-key.html.twig +33 -0
  43. views/admin/sections/modules/rebuild.html.twig +25 -0
  44. views/admin/sections/modules/transfer.html.twig +25 -0
  45. views/admin/sections/single-menu.html.twig +0 -58
  46. views/admin/sections/sub-menus.html.twig +52 -49
  47. views/admin/sections/technical.html.twig +32 -15
  48. views/admin/tabs.html.twig +16 -12
app/Database/Migrations/Migrate_0_0_1_0_0_2.php CHANGED
@@ -23,7 +23,7 @@ class Migrate_0_0_1_0_0_2 extends Migrate {
23
  endforeach;
24
  $options['sun'] = $new_sun;
25
  endif;
26
-
27
  }
28
 
29
- }
23
  endforeach;
24
  $options['sun'] = $new_sun;
25
  endif;
26
+ return $options;
27
  }
28
 
29
+ }
app/Database/Migrations/Migrate_0_0_2_0_0_3.php CHANGED
@@ -19,7 +19,7 @@ class Migrate_0_0_2_0_0_3 extends Migrate {
19
  endforeach;
20
  $options['sun'] = $new_sun;
21
  endif;
22
-
23
  }
24
 
25
- }
19
  endforeach;
20
  $options['sun'] = $new_sun;
21
  endif;
22
+ return $options;
23
  }
24
 
25
+ }
app/Database/Migrations/Migrate_0_0_5_0_0_6.php CHANGED
@@ -8,4 +8,4 @@ class Migrate_0_0_5_0_0_6 extends Migrate {
8
  'moon' => 'baz'
9
  ];
10
 
11
- }
8
  'moon' => 'baz'
9
  ];
10
 
11
+ }
app/Database/Migrations/Migrate_1_1_0_1_1_1.php CHANGED
@@ -4,4 +4,4 @@ namespace ResponsiveMenu\Database\Migrations;
4
 
5
  class Migrate_1_1_0_1_1_1 extends Migrate {
6
 
7
- }
4
 
5
  class Migrate_1_1_0_1_1_1 extends Migrate {
6
 
7
+ }
app/Database/Migrations/Migrate_3_1_0_3_1_1.php CHANGED
@@ -11,4 +11,4 @@ class Migrate_3_1_0_3_1_1 extends Migrate {
11
  'menu_container_background_colour' => 'menu_background_colour',
12
  ];
13
 
14
- }
11
  'menu_container_background_colour' => 'menu_background_colour',
12
  ];
13
 
14
+ }
app/Database/Migrations/Migrate_3_1_7_3_1_8.php ADDED
@@ -0,0 +1,21 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace ResponsiveMenu\Database\Migrations;
4
+ use ResponsiveMenu\Collections\OptionsCollection;
5
+
6
+ class Migrate_3_1_7_3_1_8 extends Migrate {
7
+
8
+ protected $migrations = [
9
+ 'use_desktop_menu' => 'use_single_menu'
10
+ ];
11
+
12
+ protected $migration_scripts = [
13
+ 'setOldTheme'
14
+ ];
15
+
16
+ protected function setOldTheme(OptionsCollection $options) {
17
+ $options['admin_theme'] = 'light';
18
+ return $options;
19
+ }
20
+
21
+ }
config/default_options.php CHANGED
@@ -184,7 +184,12 @@ function get_responsive_menu_default_options() {
184
  'custom_walker' => null,
185
  'custom_css' => null,
186
 
187
- 'use_single_menu' => 'off',
 
 
 
 
 
188
 
189
  'single_menu_height' => '80',
190
  'single_menu_height_unit' => 'px',
@@ -233,7 +238,10 @@ function get_responsive_menu_default_options() {
233
  'fade_submenus_speed' => 500,
234
 
235
  'use_slide_effect' => 'off',
236
- 'slide_effect_back_to_text' => 'Back'
 
 
 
237
  ];
238
 
239
- };
184
  'custom_walker' => null,
185
  'custom_css' => null,
186
 
187
+ 'use_desktop_menu' => false,
188
+ 'desktop_menu_options' => '{}',
189
+ 'desktop_menu_positioning' => 'fixed',
190
+ 'desktop_menu_width' => '',
191
+ 'desktop_menu_width_unit' => 'px',
192
+ 'desktop_menu_side' => '',
193
 
194
  'single_menu_height' => '80',
195
  'single_menu_height_unit' => 'px',
238
  'fade_submenus_speed' => 500,
239
 
240
  'use_slide_effect' => 'off',
241
+ 'slide_effect_back_to_text' => 'Back',
242
+
243
+ 'admin_theme' => 'dark'
244
+
245
  ];
246
 
247
+ };
config/routing.php CHANGED
@@ -2,7 +2,8 @@
2
 
3
  if(is_admin()):
4
  add_action('admin_menu', function() {
5
- if(isset($_POST['responsive-menu-export'])):
 
6
  header('Cache-Control: no-cache, no-store, must-revalidate');
7
  header('Pragma: no-cache');
8
  header('Expires: 0');
@@ -11,9 +12,12 @@ if(is_admin()):
11
  $controller = get_responsive_menu_service('admin_controller');
12
  echo $controller->export();
13
  exit();
14
- elseif(isset($_POST['responsive-menu-rebuild-db'])):
 
15
  update_option('responsive_menu_version', '2.8.9');
 
16
  endif;
 
17
  add_menu_page(
18
  'Responsive Menu',
19
  'Responsive Menu',
@@ -30,18 +34,26 @@ if(is_admin()):
30
  update_option('responsive_menu_current_page', $_POST['responsive-menu-current-page']);
31
 
32
  if(isset($_POST['responsive-menu-submit'])):
 
33
  $valid_nonce = wp_verify_nonce($_POST['responsive-menu-nonce'], 'update');
34
  echo $controller->update($valid_nonce, wp_unslash($_POST['menu']), $menus_array, $location_menus);
 
35
  elseif(isset($_POST['responsive-menu-reset'])):
 
36
  echo $controller->reset(get_responsive_menu_default_options(), $menus_array, $location_menus);
 
37
  elseif(isset($_POST['responsive-menu-import'])):
38
  $file = $_FILES['responsive-menu-import-file'];
39
  $file_options = isset($file['tmp_name']) ? (array) json_decode(file_get_contents($file['tmp_name'])) : null;
40
  echo $controller->import($file_options, $menus_array, $location_menus);
 
41
  elseif(isset($_POST['responsive-menu-rebuild-db'])):
 
42
  echo $controller->rebuild($menus_array, $location_menus);
 
43
  else:
44
  echo $controller->index($menus_array, $location_menus);
 
45
  endif;
46
  },
47
  'dashicons-menu');
2
 
3
  if(is_admin()):
4
  add_action('admin_menu', function() {
5
+
6
+ if(isset($_POST['responsive-menu-export']) && isset($_GET['page']) && $_GET['page'] == 'responsive-menu'):
7
  header('Cache-Control: no-cache, no-store, must-revalidate');
8
  header('Pragma: no-cache');
9
  header('Expires: 0');
12
  $controller = get_responsive_menu_service('admin_controller');
13
  echo $controller->export();
14
  exit();
15
+
16
+ elseif(isset($_POST['responsive-menu-rebuild-db']) && isset($_GET['page']) && $_GET['page'] == 'responsive-menu'):
17
  update_option('responsive_menu_version', '2.8.9');
18
+
19
  endif;
20
+
21
  add_menu_page(
22
  'Responsive Menu',
23
  'Responsive Menu',
34
  update_option('responsive_menu_current_page', $_POST['responsive-menu-current-page']);
35
 
36
  if(isset($_POST['responsive-menu-submit'])):
37
+ update_option('hide_pro_options', isset($_POST['hide-pro-options']) ? "yes" : "no");
38
  $valid_nonce = wp_verify_nonce($_POST['responsive-menu-nonce'], 'update');
39
  echo $controller->update($valid_nonce, wp_unslash($_POST['menu']), $menus_array, $location_menus);
40
+
41
  elseif(isset($_POST['responsive-menu-reset'])):
42
+ update_option('hide_pro_options', "no");
43
  echo $controller->reset(get_responsive_menu_default_options(), $menus_array, $location_menus);
44
+
45
  elseif(isset($_POST['responsive-menu-import'])):
46
  $file = $_FILES['responsive-menu-import-file'];
47
  $file_options = isset($file['tmp_name']) ? (array) json_decode(file_get_contents($file['tmp_name'])) : null;
48
  echo $controller->import($file_options, $menus_array, $location_menus);
49
+
50
  elseif(isset($_POST['responsive-menu-rebuild-db'])):
51
+ update_option('hide_pro_options', "no");
52
  echo $controller->rebuild($menus_array, $location_menus);
53
+
54
  else:
55
  echo $controller->index($menus_array, $location_menus);
56
+
57
  endif;
58
  },
59
  'dashicons-menu');
config/twig.php CHANGED
@@ -3,8 +3,9 @@
3
  $twig = new Twig_Environment(new Twig_Loader_Filesystem([
4
  dirname(dirname(__FILE__)) . '/views',
5
  dirname(dirname(__FILE__)) . '/public',
6
- ]), ['autoescape' => false]);
7
 
 
8
  if(!is_admin()):
9
 
10
  $twig->addFilter(new Twig_SimpleFilter('shortcode', function($string) {
@@ -42,20 +43,49 @@ if(!is_admin()):
42
 
43
  else:
44
 
 
 
 
 
 
 
 
 
45
  $twig->addFunction(new Twig_SimpleFunction('header_bar_items', function($items) {
46
  if(isset($items['button']))
47
  unset($items['button']);
48
  return $items;
49
  }));
50
 
51
- $twig->addGlobal('admin_url', get_admin_url());
52
 
53
- $twig->addFunction(new Twig_SimpleFunction('csrf', function() {
54
- return wp_nonce_field('update', 'responsive-menu-nonce', true, false);
 
 
 
 
 
 
55
  }));
56
 
57
- $twig->addFunction(new Twig_SimpleFunction('current_page', function() {
58
- return get_option('responsive_menu_current_page', 'initial-setup');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59
  }));
60
 
61
  endif;
3
  $twig = new Twig_Environment(new Twig_Loader_Filesystem([
4
  dirname(dirname(__FILE__)) . '/views',
5
  dirname(dirname(__FILE__)) . '/public',
6
+ ]), ['autoescape' => false, 'debug' => false]);
7
 
8
+ //$twig->addExtension(new Twig_Extension_Debug());
9
  if(!is_admin()):
10
 
11
  $twig->addFilter(new Twig_SimpleFilter('shortcode', function($string) {
43
 
44
  else:
45
 
46
+ $twig->addFunction(new Twig_SimpleFunction('csrf', function() {
47
+ return wp_nonce_field('update', 'responsive-menu-nonce', true, false);
48
+ }));
49
+
50
+ $twig->addFunction(new Twig_SimpleFunction('current_page', function() {
51
+ return get_option('responsive_menu_current_page', 'initial-setup');
52
+ }));
53
+
54
  $twig->addFunction(new Twig_SimpleFunction('header_bar_items', function($items) {
55
  if(isset($items['button']))
56
  unset($items['button']);
57
  return $items;
58
  }));
59
 
60
+ $twig->addFunction(new Twig_SimpleFunction('menu_items', function($options) {
61
 
62
+ if($options['theme_location_menu'])
63
+ $menu = get_term(get_nav_menu_locations()[$options['theme_location_menu']], 'nav_menu')->name;
64
+ elseif($options['menu_to_use'])
65
+ $menu = $options['menu_to_use'];
66
+ else
67
+ $menu = get_terms('nav_menu')[0]->slug;
68
+
69
+ return wp_get_nav_menu_items($menu);
70
  }));
71
 
72
+ $twig->addFunction(new Twig_SimpleFunction('font_icons', function($array) {
73
+ $new_array = [];
74
+ for($i=0; $i < count($array['id']); $i++):
75
+ $new_array[$i] = [
76
+ 'id' => $array['id'][$i],
77
+ 'icon' => $array['icon'][$i],
78
+ 'type' => $array['type'][$i]
79
+ ];
80
+ endfor;
81
+ return $new_array;
82
+ }));
83
+
84
+ $twig->addGlobal('admin_url', get_admin_url());
85
+ $twig->addGlobal('shortcode', '[responsive_menu]');
86
+
87
+ $twig->addFunction(new Twig_SimpleFunction('hide_pro_options', function() {
88
+ return get_option('hide_pro_options', 'no');
89
  }));
90
 
91
  endif;
config/wp/scripts.php CHANGED
@@ -25,13 +25,30 @@ if(isset($_GET['page']) && $_GET['page'] == 'responsive-menu'):
25
  wp_enqueue_style('responsive-menu-selectize-css', plugin_dir_url(dirname(dirname(__FILE__))) . 'public/css/admin/selectize.css', null, null);
26
 
27
  wp_enqueue_script('jquery-ui-core');
 
 
28
 
29
- wp_register_style('responsive-menu-admin-css', plugin_dir_url(dirname(dirname(__FILE__))) . 'public/css/admin/admin.css', false, null);
30
- wp_enqueue_style('responsive-menu-admin-css');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
31
 
32
- wp_register_script('responsive-menu-admin-js', plugin_dir_url(dirname(dirname(__FILE__))) . 'public/js/admin/admin.js', 'jquery', null);
33
- wp_localize_script('responsive-menu-admin-js', 'WP_HOME_URL', home_url('/'));
34
- wp_enqueue_script('responsive-menu-admin-js');
35
  });
36
  endif;
37
 
25
  wp_enqueue_style('responsive-menu-selectize-css', plugin_dir_url(dirname(dirname(__FILE__))) . 'public/css/admin/selectize.css', null, null);
26
 
27
  wp_enqueue_script('jquery-ui-core');
28
+ wp_enqueue_script('jquery-ui-sortable');
29
+ wp_enqueue_script('jquery-ui-draggable');
30
 
31
+ wp_register_style('responsive-menu-base-css', plugin_dir_url(dirname(dirname(__FILE__))) . 'public/css/admin/base.css', false, null);
32
+ wp_enqueue_style('responsive-menu-base-css');
33
+
34
+ wp_register_style('responsive-menu-additional-css', plugin_dir_url(dirname(dirname(__FILE__))) . 'public/css/admin/additional.css', false, null);
35
+ wp_enqueue_style('responsive-menu-additional-css');
36
+
37
+ $options = get_responsive_menu_service('option_manager')->all();
38
+ if(isset($options['admin_theme']) || isset($_POST['menu']['admin_theme'])):
39
+ $theme = isset($_POST['menu']['admin_theme']) ? $_POST['menu']['admin_theme'] : $options['admin_theme'];
40
+ wp_register_style('responsive-menu-admin-css-theme' . $theme, plugin_dir_url(dirname(dirname(__FILE__))) . 'public/css/admin/themes/' . $theme . '.css', false, null);
41
+ wp_enqueue_style('responsive-menu-admin-css-theme' . $theme);
42
+ endif;
43
+
44
+ wp_register_script('responsive-menu-base-js', plugin_dir_url(dirname(dirname(__FILE__))) . 'public/js/admin/base.js', 'jquery', null);
45
+ wp_localize_script('responsive-menu-base-js', 'WP_HOME_URL', home_url('/'));
46
+ wp_enqueue_script('responsive-menu-base-js');
47
+
48
+ wp_register_script('responsive-menu-additional-js', plugin_dir_url(dirname(dirname(__FILE__))) . 'public/js/admin/additional.js', 'jquery', null);
49
+ wp_localize_script('responsive-menu-additional-js', 'WP_HOME_URL', home_url('/'));
50
+ wp_enqueue_script('responsive-menu-additional-js');
51
 
 
 
 
52
  });
53
  endif;
54
 
migration.php CHANGED
@@ -6,7 +6,6 @@ add_action('init', function() {
6
  $plugin_data = get_file_data(dirname(__FILE__) . '/responsive-menu.php', ['version']);
7
  $new_version = $plugin_data[0];
8
 
9
- // TODO: Remove and just use new version number in April 2018
10
  $old_version = get_option('responsive_menu_version') ? get_option('responsive_menu_version') : get_option('RMVer');
11
 
12
  $migration = new ResponsiveMenu\Database\Migration(
@@ -23,7 +22,7 @@ add_action('init', function() {
23
  $wpdb->prefix . 'responsive_menu',
24
  "CREATE TABLE " . $wpdb->prefix . "responsive_menu (
25
  name varchar(50) NOT NULL,
26
- value varchar(5000) DEFAULT NULL,
27
  PRIMARY KEY (name)
28
  ) " . $wpdb->get_charset_collate() . ";"
29
  );
6
  $plugin_data = get_file_data(dirname(__FILE__) . '/responsive-menu.php', ['version']);
7
  $new_version = $plugin_data[0];
8
 
 
9
  $old_version = get_option('responsive_menu_version') ? get_option('responsive_menu_version') : get_option('RMVer');
10
 
11
  $migration = new ResponsiveMenu\Database\Migration(
22
  $wpdb->prefix . 'responsive_menu',
23
  "CREATE TABLE " . $wpdb->prefix . "responsive_menu (
24
  name varchar(50) NOT NULL,
25
+ value LONGTEXT DEFAULT NULL,
26
  PRIMARY KEY (name)
27
  ) " . $wpdb->get_charset_collate() . ";"
28
  );
public/css/admin/additional.css ADDED
@@ -0,0 +1,112 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ #responsive-menu-admin .pro::before,
2
+ #responsive-menu-admin .semi-pro::before {
3
+ content: "PRO";
4
+ float: right;
5
+ color: #DE4B42;
6
+ font-weight: bold;
7
+ font-size: 9px;
8
+ margin-top: 10px;
9
+ border-left: 1px solid #DE4B42;
10
+ padding-left: 8px;
11
+ padding-right: 8px;
12
+ }
13
+
14
+ #responsive-menu-admin .semi-pro::before {
15
+ content: "SEMI PRO";
16
+ color: #333;
17
+ border-color: #333;
18
+ }
19
+
20
+ #responsive-menu-admin tr.pro-row:hover {
21
+ position: relative;
22
+ }
23
+
24
+ #responsive-menu-admin .responsive-menu-pro-overlay {
25
+ display: none;
26
+ position: absolute;
27
+ top: 0;
28
+ right: 0;
29
+ left: 0;
30
+ bottom: 0;
31
+ background: rgba(222, 75, 66, 0.6);
32
+ text-align: center;
33
+ z-index: 3;
34
+ }
35
+
36
+ #responsive-menu-admin .responsive-menu-pro-overlay a {
37
+ top: 50%;
38
+ transform: translateY(-50%);
39
+ position: relative;
40
+ color: white;
41
+ font-size: 17px;
42
+ display: block;
43
+ }
44
+
45
+ #responsive-menu-admin .pro-container:hover .responsive-menu-pro-overlay,
46
+ #responsive-menu-admin tr.pro-row:hover .responsive-menu-pro-overlay {
47
+ display: block;
48
+ }
49
+
50
+ #responsive-menu-admin #hide-pro-options-label {
51
+ text-align: right;
52
+ }
53
+
54
+ #responsive-menu-admin #hide-pro-options {
55
+ display: inline-block;
56
+ width: auto !important;
57
+ vertical-align: sub;
58
+ }
59
+
60
+ .rtl #responsive-menu-admin .pro::before,
61
+ .rtl #responsive-menu-admin .semi-pro::before {
62
+ float: left;
63
+ }
64
+
65
+ #responsive-menu-admin #upgrade-banner {
66
+ padding: 25px 5%;
67
+ background: #DE4B42;
68
+ color: #fff;
69
+ border: 1px solid #D33C34;
70
+ border-radius: 2px;
71
+ text-align: center;
72
+ margin-bottom: 15px;
73
+ }
74
+
75
+ #responsive-menu-admin #upgrade-banner i {
76
+ margin-right: 5px;
77
+ }
78
+
79
+ #responsive-menu-admin #upgrade-banner {
80
+ font-size: 18px;
81
+ font-weight: bold;
82
+ line-height: 24px;
83
+ }
84
+
85
+ #responsive-menu-admin #upgrade-banner .glyphicon {
86
+ margin-right: 5px;
87
+ }
88
+
89
+ #responsive-menu-admin #upgrade-banner ul {
90
+ margin: 25px 0 35px 0;
91
+ }
92
+
93
+ #responsive-menu-admin #upgrade-banner li {
94
+ list-style: none;
95
+ font-weight: bold;
96
+ font-size: 12px;
97
+ line-height: 18px;
98
+ }
99
+
100
+ #responsive-menu-admin .nav-tabs > li:first-child {
101
+ display: none;
102
+ }
103
+
104
+ #responsive-menu-admin #hide-pro-options-label {
105
+ padding: 10px;
106
+ font-size: 12px;
107
+ display: inline;
108
+ }
109
+
110
+ #responsive-menu-admin #hide-pro-options-label input {
111
+ margin-left: 5px;
112
+ }
public/css/admin/admin.css DELETED
@@ -1,512 +0,0 @@
1
- .container-fluid #banner-area,
2
- .container-fluid #options-area {
3
- display: inline-block;
4
- width: 75%;
5
- vertical-align: top;
6
- }
7
-
8
- .container-fluid #banner-area {
9
- width: 20%;
10
- margin-left: 5%;
11
- }
12
-
13
- .container-fluid form.form-horizontal .input-group {
14
- width:100%;
15
- }
16
-
17
- .container-fluid form.form-horizontal .input-group-btn {
18
- width:189px;
19
- }
20
-
21
- .container-fluid form.form-horizontal .toggle.btn {
22
- width: 50px !important;
23
- }
24
-
25
- .container-fluid form.form-horizontal label {
26
- display: block;
27
- width: 100%;
28
- text-align: left;
29
- }
30
-
31
- .container-fluid form.form-horizontal #header-bar-items-order-container label {
32
- text-align: center;
33
- }
34
-
35
- .container-fluid form.form-horizontal .selectize-input,
36
- .container-fluid form.form-horizontal .bootstrap-select,
37
- .container-fluid form.form-horizontal input,
38
- .container-fluid form.form-horizontal textarea {
39
- width: calc(100% - 75px) !important;
40
- display: inline-block;
41
- }
42
-
43
- .container-fluid form.form-horizontal input#responsive-menu-button-trigger-type-selectized {
44
- width: auto !important;
45
- }
46
-
47
- .container-fluid form.form-horizontal .input-group input {
48
- width: 100% !important;
49
- }
50
-
51
- .container-fluid form.form-horizontal .bootstrap-filestyle,
52
- .container-fluid form.form-horizontal input.has-unit {
53
- width: calc(100% - 179px) !important;
54
- }
55
-
56
- .container-fluid form.form-horizontal input.font-icon-input {
57
- width: 70% !important;
58
- }
59
-
60
- .container-fluid form.form-horizontal .font-icon-select {
61
- width: calc(30% - 75px) !important;
62
- }
63
-
64
- .container-fluid form.form-horizontal .bootstrap-select.is-unit {
65
- width: 100px !important;
66
- }
67
-
68
- .container-fluid form.form-horizontal td {
69
- vertical-align: middle;
70
- }
71
-
72
- .container-fluid form.form-horizontal td {
73
- padding: 15px;
74
- }
75
-
76
- .container-fluid form.form-horizontal ul {
77
- margin-bottom: 0;
78
- }
79
-
80
- .container-fluid form.form-horizontal #font-icon-container {
81
- width: 100%;
82
- }
83
-
84
- .container-fluid form.form-horizontal #font-icon-container td {
85
- padding: 0 0 10px 0;
86
- }
87
-
88
- .container-fluid form.form-horizontal #font-icon-container td input {
89
- width: 95% !important;
90
- }
91
-
92
- .container-fluid form.form-horizontal #font-icon-container td:first-child {
93
- width: 150px;
94
- }
95
-
96
- .container-fluid form.form-horizontal .panel {
97
- border-radius: 0;
98
- }
99
-
100
- .container-fluid form.form-horizontal .panel-body {
101
- font-weight: bold;
102
- font-size: 16px;
103
- }
104
-
105
- .container-fluid form.form-horizontal .panel-body small {
106
- display: none;
107
- float: right;
108
- color: #333;
109
- font-weight: normal;
110
- line-height: 22px;
111
- }
112
-
113
- .container-fluid form.form-horizontal .delete-font-icon-row {
114
- cursor: pointer;
115
- }
116
-
117
- .container-fluid form.form-horizontal .glyphicon.glyphicon-ok {
118
- color: green;
119
- }
120
-
121
- .container-fluid .alert,
122
- .container-fluid ul.nav-tabs {
123
- margin-top: 25px;
124
- }
125
-
126
- .container-fluid form.form-horizontal input#filter-options {
127
- padding: 0 15px;
128
- width: 100% !important;
129
- height: 50px;
130
- }
131
-
132
- .container-fluid form.form-horizontal #filter-options-container {
133
- margin: 25px 0;
134
- background: #F5F5F5;
135
- padding: 15px;
136
- border: 1px solid #ddd;
137
- }
138
-
139
- .container-fluid form.form-horizontal ul.nav-tabs .btn-default {
140
- margin-right: 5px;
141
- }
142
-
143
- .selectize-control.multi .selectize-input > div,
144
- .selectize-control.multi .selectize-input > div.active {
145
- background: #5cb85c;
146
- color: white;
147
- }
148
-
149
- .selectize-control.multi.keyboard-shortcuts .selectize-input .item,
150
- .selectize-control.multi .selectize-input > div[data-value="mouseover"],
151
- .selectize-control.multi .selectize-input > div.active[data-value="mouseover"] {
152
- background: #DE4B42;
153
- }
154
-
155
- .pro::before,
156
- .semi-pro::before {
157
- content: "PRO";
158
- float: right;
159
- color: #DE4B42;
160
- font-weight: bold;
161
- font-size: 9px;
162
- margin-top: 10px;
163
- border-left: 1px solid #DE4B42;
164
- padding-left: 8px;
165
- padding-right: 8px;
166
- }
167
-
168
- .semi-pro::before {
169
- content: "SEMI PRO";
170
- color: #333;
171
- border-color: #333;
172
- }
173
-
174
- .sub-text {
175
- color: #777;
176
- padding-top: 5px;
177
- font-size: 13px;
178
- font-weight: normal;
179
- }
180
-
181
- .sub_sub_title {
182
- padding-top: 2px;
183
- color: dimgray;
184
- font-size: 10px;
185
- font-style: italic;
186
- font-weight: normal;
187
- }
188
-
189
- .unit {
190
- font-size: 12px;
191
- margin-left: 5px;
192
- }
193
-
194
- .option-highlight .well,
195
- .option-highlight,
196
- .table-hover > tbody > tr.option-highlight
197
- .table-hover > tbody > tr.option-highlight:hover,
198
- .table-hover > tbody > tr.option-highlight td,
199
- .table-hover > tbody > tr.option-highlight td:hover {
200
- background-color: #ffff99 !important;
201
- }
202
-
203
- .draggable {
204
- border-radius: 2px;
205
- background: #EFEFEF;
206
- padding: 10px 0;
207
- margin: 4px 0;
208
- cursor: move;
209
- padding-left: 65px;
210
- box-sizing: border-box;
211
- border: 1px solid #ccc;
212
- }
213
-
214
- .draggable input {
215
- display: none !important;
216
- }
217
-
218
- .menu-order-option-switch,
219
- .order-option-switch {
220
- background: #DE4B42;
221
- color: white;
222
- position: absolute;
223
- left: 0;
224
- top: 0;
225
- bottom: 0;
226
- line-height: 40px;
227
- padding: 0 5px;
228
- width: 50px;
229
- text-align: center;
230
- cursor: pointer;
231
- }
232
-
233
- .menu-order-option-switch.menu-order-option-switch-on,
234
- .order-option-switch.order-option-switch-on {
235
- background: #5cb85c;
236
- }
237
-
238
- .menu-order-option-switch:after,
239
- .order-option-switch:after {
240
- content: "OFF";
241
- }
242
-
243
- .menu-order-option-switch.menu-order-option-switch-on:after,
244
- .order-option-switch.order-option-switch-on:after {
245
- content: "ON";
246
- }
247
-
248
- li.draggable {
249
- position: relative;
250
- }
251
-
252
- #upgrade-banner {
253
- padding: 25px 5%;
254
- background: #DE4B42;
255
- color: #fff;
256
- border: 1px solid #D33C34;
257
- border-radius: 2px;
258
- text-align: center;
259
- }
260
-
261
- #upgrade-banner i {
262
- margin-right: 5px;
263
- }
264
-
265
- #docs-banner {
266
- background: #FAB719;
267
- padding: 35px;
268
- color: #333;
269
- margin-top: 15px;
270
- text-align: center;
271
- }
272
-
273
- #upgrade-banner,
274
- #docs-banner {
275
- font-size: 18px;
276
- font-weight: bold;
277
- line-height: 24px;
278
- }
279
-
280
- #upgrade-banner .glyphicon {
281
- margin-right: 5px;
282
- }
283
-
284
- #upgrade-banner li {
285
- list-style: none;
286
- font-weight: bold;
287
- font-size: 11px;
288
- }
289
-
290
- #docs-banner .button,
291
- #upgrade-banner .button {
292
- background: white;
293
- padding: 0 25px;
294
- height: 50px;
295
- line-height: 50px;
296
- font-weight: bold;
297
- font-size: 13px;
298
- color: #333;
299
- display: block;
300
- margin: auto;
301
- width: auto;
302
- text-align: center;
303
- }
304
-
305
- #docs-banner .button {
306
- margin-top: 15px;
307
- }
308
-
309
- .key-container {
310
- margin: 15px 0;
311
- background: white;
312
- text-align: center;
313
- padding: 15px;
314
- border: 1px solid #ccc;
315
- border-radius: 2px;
316
- }
317
-
318
- .key-container .key-title {
319
- font-weight: bold;
320
- display: inline-block;
321
- margin-right: 10px;
322
- }
323
-
324
- .key-container .key {
325
- display: inline-block;
326
- font-size: 9px;
327
- border: 1px solid #DADADA;
328
- border-radius: 2px;
329
- padding: 5px 15px 5px 5px;
330
- background: white;
331
- }
332
-
333
- .key-container .key span {
334
- border-right: 1px solid #de4b42;
335
- display: inline-block;
336
- padding-right: 5px;
337
- margin-right: 10px;
338
- color: #de4b42;
339
- font-size: 9px;
340
- font-weight: bold;
341
- }
342
-
343
- .key-container .key.key-semi-pro span {
344
- color: #333;
345
- border-color: #333;
346
- }
347
-
348
- .key-container .key.key-pro {
349
- margin-bottom: 15px;
350
- }
351
-
352
- .key-container a {
353
- text-decoration: none;
354
- color: #333;
355
- }
356
-
357
- #add-font-icon {
358
- margin-top: 15px;
359
- }
360
-
361
- .mini-colours {
362
- cursor: pointer;
363
- }
364
-
365
- #header-bar-items-order-container td {
366
- width: 100%;
367
- display: block;
368
- padding: 20px;
369
- border: 0;
370
- box-sizing: border-box;
371
- text-align: center;
372
- }
373
-
374
- #header-bar-items-order-container .draggable {
375
- display: inline-block;
376
- width: 19%;
377
- text-align: left;
378
- }
379
-
380
- .container-fluid form.form-horizontal td.well .sub-text ul {
381
- margin: 15px;
382
- }
383
-
384
- .container-fluid form.form-horizontal td.well .sub-text ul li {
385
- list-style: disc;
386
- }
387
-
388
- .container-fluid form.form-horizontal td.pro {
389
- position: relative;
390
- }
391
-
392
- .container-fluid form.form-horizontal td.pro .responsive-menu-pro-overlay {
393
- display: none;
394
- position: absolute;
395
- top: 0;
396
- right: 0;
397
- left: 0;
398
- bottom: 0;
399
- background: rgba(222, 75, 66, 0.6);
400
- text-align: center;
401
- z-index: 3;
402
- }
403
-
404
- .container-fluid form.form-horizontal td.pro .responsive-menu-pro-overlay a {
405
- top: 50%;
406
- transform: translateY(-50%);
407
- position: relative;
408
- color: white;
409
- font-size: 17px;
410
- display: block;
411
- }
412
-
413
- .container-fluid form.form-horizontal td.pro:hover .responsive-menu-pro-overlay {
414
- display: block;
415
- }
416
-
417
- #responsive-menu-header-bar-html-content,
418
- #responsive-menu-menu-additional-content {
419
- height: 250px;
420
- }
421
-
422
- #responsive-menu-custom-css {
423
- height: 500px
424
- }
425
-
426
- .rtl #header-bar-items-order-container .draggable,
427
- .rtl .container-fluid form.form-horizontal label,
428
- .rtl .bootstrap-select.btn-group .dropdown-toggle .filter-option,
429
- .rtl .bootstrap-select.btn-group .dropdown-menu.inner {
430
- text-align: right;
431
- }
432
-
433
- .rtl .input-group .form-control:last-child,
434
- .rtl .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
435
- .rtl .input-group-btn:first-child > .btn:not(:first-child),
436
- .rtl .input-group-btn:last-child > .btn,
437
- .rtl .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
438
- border-radius: 4px 0 0 4px;
439
- }
440
-
441
- .rtl .draggable {
442
- padding-right: 25px;
443
- }
444
-
445
- .rtl .btn-group-lg > .btn, .btn-lg,
446
- .rtl .container-fluid form.form-horizontal .panel-body small {
447
- margin-left: 15px;
448
- }
449
-
450
- .rtl .toggle-off {
451
- right: -50%;
452
- text-align: left !important;
453
- }
454
-
455
- .rtl .pro::before,
456
- .rtl .semi-pro::before {
457
- float: left;
458
- }
459
-
460
- .rtl .minicolors-theme-bootstrap .minicolors-swatch {
461
- left: 75px;
462
- }
463
-
464
- .rtl .container-fluid form.form-horizontal .minicolors input {
465
- width: calc(100% - 125px) !important;
466
- }
467
-
468
- .rtl .container-fluid #banner-area {
469
- margin-left: 0;
470
- margin-right: 5%;
471
- }
472
-
473
- .rtl .key-container .key span {
474
- margin-left: 10px;
475
- margin-right: 0;
476
- }
477
-
478
- .rtl .key-container .key {
479
- padding-left: 10px;
480
- }
481
-
482
- @media screen and (max-width: 1200px) {
483
- .container-fluid #banner-area,
484
- .container-fluid #options-area {
485
- width: 100%;
486
- display: block;
487
- }
488
- .container-fluid #banner-area {
489
- margin: 25px 0 25px 0;
490
- }
491
- }
492
-
493
- @media screen and (max-width: 1000px) {
494
- .nav.nav-tabs > li {
495
- width: 49%;
496
- display: inline-block;
497
- float: none;
498
- margin: 0;
499
- text-align: center;
500
- }
501
-
502
- .nav.nav-tabs > li.pull-right {
503
- display: none;
504
- }
505
- .container-fluid form.form-horizontal td {
506
- width: 100%;
507
- display: block;
508
- }
509
- .container-fluid form.form-horizontal td.well {
510
- margin-bottom: 0;
511
- }
512
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
public/css/admin/base.css ADDED
@@ -0,0 +1,785 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ Responsive Menu CSS file.
3
+ Safe to Copy
4
+ **/
5
+
6
+ /* vietnamese */
7
+ @font-face {
8
+ font-family: 'Montserrat';
9
+ font-style: normal;
10
+ font-weight: 400;
11
+ src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
12
+ unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
13
+ }
14
+ /* latin-ext */
15
+ @font-face {
16
+ font-family: 'Montserrat';
17
+ font-style: normal;
18
+ font-weight: 400;
19
+ src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
20
+ unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
21
+ }
22
+ /* latin */
23
+ @font-face {
24
+ font-family: 'Montserrat';
25
+ font-style: normal;
26
+ font-weight: 400;
27
+ src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
28
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
29
+ }
30
+
31
+
32
+ #responsive-menu-admin {
33
+ font-family: "Montserrat";
34
+ }
35
+
36
+ #responsive-menu-admin #banner-area,
37
+ #responsive-menu-admin #options-area {
38
+ display: inline-block;
39
+ width: 75%;
40
+ vertical-align: top;
41
+ }
42
+
43
+ #responsive-menu-admin #banner-area {
44
+ width: 20%;
45
+ margin-left: 5%;
46
+ margin-top: 25px;
47
+ }
48
+
49
+ #responsive-menu-admin #banner-area #guide-banner {
50
+ background: white;
51
+ padding: 15px;
52
+ margin-top: 15px;
53
+ }
54
+
55
+ #responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper,
56
+ #responsive-menu-admin #banner-area #guide-banner #guide-menu-wrapper:hover,
57
+ #responsive-menu-admin #banner-area #guide-banner #guide-submenu-wrapper:hover,
58
+ #responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper:hover,
59
+ #responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper:hover {
60
+ outline: 4px solid #15A4FA;
61
+ }
62
+
63
+ #responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper {
64
+ outline-color: yellow;
65
+ }
66
+
67
+ #responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper {
68
+ height: 50px;
69
+ width: 50px;
70
+ background: #3E4960;
71
+ padding-top: 10px;
72
+ }
73
+
74
+ #responsive-menu-admin #banner-area #guide-banner #guide-button-container {
75
+
76
+ float: right;
77
+ }
78
+
79
+ #responsive-menu-admin #banner-area #guide-banner #guide-button-container .guide-button-line {
80
+ background: white;
81
+ width: 75%;
82
+ height: 3px;
83
+ margin: 0 auto 10px auto;
84
+ }
85
+
86
+ #responsive-menu-admin #banner-area #guide-banner #guide-container-container {
87
+ width: 75%;
88
+ }
89
+
90
+ #responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper {
91
+ background: #3E4960;
92
+ padding: 10px;
93
+ }
94
+
95
+ #responsive-menu-admin #banner-area #guide-banner #guide-title {
96
+ font-weight: bold;
97
+ margin-bottom: 10px;
98
+ }
99
+
100
+ #responsive-menu-admin #banner-area #guide-banner #guide-title small {
101
+ font-weight: normal;
102
+ }
103
+
104
+ #responsive-menu-admin #banner-area #guide-banner #guide-menu-container {
105
+ background: #E9F0FA;
106
+ }
107
+
108
+ #responsive-menu-admin #banner-area #guide-banner #guide-container-container .guide-menu-text {
109
+ color: white;
110
+ padding: 5px 0;
111
+ }
112
+
113
+ #responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item {
114
+ border-bottom: 1px solid #D4E2F5;
115
+ padding: 5px;
116
+ }
117
+
118
+ #responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item.guide-submenu-item {
119
+ padding-left: 25px;
120
+ background: #D4E2F5;
121
+ border-color: #E9F0FA;
122
+ }
123
+
124
+ #responsive-menu-admin #banner-area #guide-banner .guide-helper-container {
125
+ position: relative;
126
+ }
127
+
128
+ #responsive-menu-admin #banner-area #guide-banner .guide-helper {
129
+ position: absolute;
130
+ top: -35px;
131
+ background: rgba(0, 0, 0, 0.8);
132
+ color: white;
133
+ padding: 5px;
134
+ display: none;
135
+ left: -5px;
136
+ }
137
+
138
+ #responsive-menu-admin #banner-area #guide-banner .guide-helper.guide-helper-submenus {
139
+ left: 0;
140
+ }
141
+
142
+ #responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-helper,
143
+ #responsive-menu-admin #banner-area #guide-banner .guide-helper-container:hover > .guide-helper {
144
+ display: block;
145
+ }
146
+
147
+ #responsive-menu-admin .input-group {
148
+ width:100%;
149
+ }
150
+
151
+ #responsive-menu-admin .input-group-btn {
152
+ width:189px;
153
+ }
154
+
155
+ #responsive-menu-admin .toggle.btn {
156
+ width: 50px !important;
157
+ }
158
+
159
+ #responsive-menu-admin label {
160
+ display: block;
161
+ width: 100%;
162
+ text-align: left;
163
+ }
164
+
165
+ #responsive-menu-admin .selectize-input,
166
+ #responsive-menu-admin .bootstrap-select,
167
+ #responsive-menu-admin input,
168
+ #responsive-menu-admin textarea {
169
+ width: calc(100% - 75px) !important;
170
+ display: inline-block;
171
+ }
172
+
173
+ #responsive-menu-admin .selectize-input input,
174
+ #responsive-menu-admin input#responsive-menu-button-trigger-type-selectized {
175
+ width: auto !important;
176
+ }
177
+
178
+ #responsive-menu-admin .input-group input {
179
+ width: 100% !important;
180
+ }
181
+
182
+ #responsive-menu-admin .bootstrap-filestyle,
183
+ #responsive-menu-admin input.has-unit {
184
+ width: calc(100% - 179px) !important;
185
+ }
186
+
187
+ #responsive-menu-admin input.font-icon-input {
188
+ width: 70% !important;
189
+ }
190
+
191
+ #responsive-menu-admin .font-icon-select {
192
+ width: calc(30% - 75px) !important;
193
+ }
194
+
195
+ #responsive-menu-admin .bootstrap-select.is-unit {
196
+ width: 100px !important;
197
+ }
198
+
199
+ #responsive-menu-admin td {
200
+ vertical-align: middle;
201
+ }
202
+
203
+ #responsive-menu-admin td {
204
+ padding: 15px;
205
+ }
206
+
207
+ #responsive-menu-admin ul {
208
+ margin-bottom: 0;
209
+ }
210
+
211
+ #responsive-menu-admin #font-icon-container {
212
+ width: 100%;
213
+ }
214
+
215
+ #responsive-menu-admin #font-icon-container td {
216
+ padding: 0 0 10px 0;
217
+ }
218
+
219
+ #responsive-menu-admin #font-icon-container td input {
220
+ width: 95% !important;
221
+ }
222
+
223
+ #responsive-menu-admin #font-icon-container td:first-child {
224
+ width: 150px;
225
+ }
226
+
227
+ #responsive-menu-admin .panel {
228
+ border-radius: 0;
229
+ }
230
+
231
+ #responsive-menu-admin .panel-body {
232
+ font-weight: bold;
233
+ font-size: 16px;
234
+ }
235
+
236
+ #responsive-menu-admin .panel-header .glyphicon,