diff --git a/public/site_assets/bootstrap/css/plugins/metisMenu/metisMenu.css b/public/site_assets/bootstrap/css/plugins/metisMenu/metisMenu.css
new file mode 100644
index 00000000..e72efa56
--- /dev/null
+++ b/public/site_assets/bootstrap/css/plugins/metisMenu/metisMenu.css
@@ -0,0 +1,99 @@
+/*
+ * metismenu - v2.5.2
+ * A jQuery menu plugin
+ * https://github.com/onokumus/metisMenu#readme
+ *
+ * Made by Osman Nuri Okumuş <onokumus@gmail.com> (https://github.com/onokumus)
+ * Under MIT License
+ */
+
+.metismenu .arrow {
+  float: right;
+  line-height: 1.42857;
+}
+*[dir="rtl"] .metismenu .arrow {
+  float: left;
+}
+
+/*
+ * Require Bootstrap
+ * https://github.com/twbs/bootstrap
+*/
+
+.metismenu .glyphicon.arrow:before {
+  content: "\e079";
+}
+.metismenu .active > a > .glyphicon.arrow:before {
+  content: "\e114";
+}
+
+/*
+ * Require Font-Awesome
+ * http://fortawesome.github.io/Font-Awesome/
+*/
+
+.metismenu .fa.arrow:before {
+  content: "\f104";
+}
+.metismenu .active > a > .fa.arrow:before {
+  content: "\f107";
+}
+
+/*
+ * Require Ionicons
+ * http://ionicons.com/
+*/
+
+.metismenu .ion.arrow:before {
+  content: "\f3d2"
+}
+.metismenu .active > a > .ion.arrow:before {
+  content: "\f3d0";
+}
+.metismenu .plus-times {
+  float: right;
+}
+*[dir="rtl"] .metismenu .plus-times {
+  float: left;
+}
+.metismenu .fa.plus-times:before {
+  content: "\f067";
+}
+.metismenu .active > a > .fa.plus-times {
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+       -o-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.metismenu .plus-minus {
+  float: right;
+}
+*[dir="rtl"] .metismenu .plus-minus {
+  float: left;
+}
+.metismenu .fa.plus-minus:before {
+  content: "\f067";
+}
+.metismenu .active > a > .fa.plus-minus:before {
+  content: "\f068";
+}
+.metismenu .collapse {
+  display: none;
+}
+.metismenu .collapse.in {
+  display: block;
+}
+.metismenu .collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition-timing-function: ease;
+       -o-transition-timing-function: ease;
+          transition-timing-function: ease;
+  -webkit-transition-duration: .35s;
+       -o-transition-duration: .35s;
+          transition-duration: .35s;
+  -webkit-transition-property: height, visibility;
+  -o-transition-property: height, visibility;
+  transition-property: height, visibility;
+}
diff --git a/public/site_assets/bootstrap/js/plugins/metisMenu/jquery.metisMenu.js b/public/site_assets/bootstrap/js/plugins/metisMenu/jquery.metisMenu.js
index 69db8208..293c4997 100644
--- a/public/site_assets/bootstrap/js/plugins/metisMenu/jquery.metisMenu.js
+++ b/public/site_assets/bootstrap/js/plugins/metisMenu/jquery.metisMenu.js
@@ -1,52 +1,375 @@
-/**
-* metisMenu v1.0.1
-* Author : Osman Nuri Okumuş
-* Copyright 2014
-* Licensed under MIT
-*/
+/*
+ * metismenu - v2.5.2
+ * A jQuery menu plugin
+ * https://github.com/onokumus/metisMenu#readme
+ *
+ * Made by Osman Nuri Okumuş <onokumus@gmail.com> (https://github.com/onokumus)
+ * Under MIT License
+ */
 
-;(function ($, window, document, undefined) {
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(['jquery'], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require('jquery'));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global.jquery);
+    global.metisMenu = mod.exports;
+  }
+})(this, function (_jquery) {
+  'use strict';
 
-    var pluginName = "metisMenu",
-        defaults = {
-            toggle: true
-        };
-        
-    function Plugin(element, options) {
-        this.element = element;
-        this.settings = $.extend({}, defaults, options);
-        this._defaults = defaults;
-        this._name = pluginName;
-        this.init();
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj;
+  };
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  var _createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
     }
 
-    Plugin.prototype = {
-        init: function () {
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
 
-            var $this = $(this.element),
-                $toggle = this.settings.toggle;
+  var MetisMenu = function ($) {
 
-            $this.find('li.active').has('ul').children('ul').addClass('collapse in');
-            $this.find('li').not('.active').has('ul').children('ul').addClass('collapse');
+    var NAME = 'metisMenu';
+    var DATA_KEY = 'metisMenu';
+    var EVENT_KEY = '.' + DATA_KEY;
+    var DATA_API_KEY = '.data-api';
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var TRANSITION_DURATION = 350;
 
-            $this.find('li').has('ul').children('a').on('click', function (e) {
-                e.preventDefault();
+    var Default = {
+      toggle: true,
+      doubleTapToGo: false,
+      preventDefault: true,
+      activeClass: 'active',
+      collapseClass: 'collapse',
+      collapseInClass: 'in',
+      collapsingClass: 'collapsing'
+    };
 
-                $(this).parent('li').toggleClass('active').children('ul').collapse('toggle');
+    var Event = {
+      SHOW: 'show' + EVENT_KEY,
+      SHOWN: 'shown' + EVENT_KEY,
+      HIDE: 'hide' + EVENT_KEY,
+      HIDDEN: 'hidden' + EVENT_KEY,
+      CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY
+    };
 
-                if ($toggle) {
-                    $(this).parent('li').siblings().removeClass('active').children('ul.in').collapse('hide');
-                }
-            });
+    var transition = false;
+
+    var TransitionEndEvent = {
+      WebkitTransition: 'webkitTransitionEnd',
+      MozTransition: 'transitionend',
+      OTransition: 'oTransitionEnd otransitionend',
+      transition: 'transitionend'
+    };
+
+    function getSpecialTransitionEndEvent() {
+      return {
+        bindType: transition.end,
+        delegateType: transition.end,
+        handle: function handle(event) {
+          if ($(event.target).is(this)) {
+            return event.handleObj.handler.apply(this, arguments);
+          }
         }
+      };
+    }
+
+    function transitionEndTest() {
+      if (window.QUnit) {
+        return false;
+      }
+
+      var el = document.createElement('mm');
+
+      for (var name in TransitionEndEvent) {
+        if (el.style[name] !== undefined) {
+          return {
+            end: TransitionEndEvent[name]
+          };
+        }
+      }
+
+      return false;
+    }
+
+    function transitionEndEmulator(duration) {
+      var _this2 = this;
+
+      var called = false;
+
+      $(this).one(Util.TRANSITION_END, function () {
+        called = true;
+      });
+
+      setTimeout(function () {
+        if (!called) {
+          Util.triggerTransitionEnd(_this2);
+        }
+      }, duration);
+    }
+
+    function setTransitionEndSupport() {
+      transition = transitionEndTest();
+
+      if (Util.supportsTransitionEnd()) {
+        $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
+      }
+    }
+
+    var Util = {
+      TRANSITION_END: 'mmTransitionEnd',
+
+      triggerTransitionEnd: function triggerTransitionEnd(element) {
+        $(element).trigger(transition.end);
+      },
+      supportsTransitionEnd: function supportsTransitionEnd() {
+        return Boolean(transition);
+      }
     };
 
-    $.fn[ pluginName ] = function (options) {
-        return this.each(function () {
-            if (!$.data(this, "plugin_" + pluginName)) {
-                $.data(this, "plugin_" + pluginName, new Plugin(this, options));
+    setTransitionEndSupport();
+
+    var MetisMenu = function () {
+      function MetisMenu(element, config) {
+        _classCallCheck(this, MetisMenu);
+
+        this._element = element;
+        this._config = this._getConfig(config);
+        this._transitioning = null;
+
+        this.init();
+      }
+
+      _createClass(MetisMenu, [{
+        key: 'init',
+        value: function init() {
+          var self = this;
+          $(this._element).find('li.' + this._config.activeClass).has('ul').children('ul').attr('aria-expanded', true).addClass(this._config.collapseClass + ' ' + this._config.collapseInClass);
+
+          $(this._element).find('li').not('.' + this._config.activeClass).has('ul').children('ul').attr('aria-expanded', false).addClass(this._config.collapseClass);
+
+          //add the 'doubleTapToGo' class to active items if needed
+          if (this._config.doubleTapToGo) {
+            $(this._element).find('li.' + this._config.activeClass).has('ul').children('a').addClass('doubleTapToGo');
+          }
+          $(this._element).find('li').has('ul').children('a').on(Event.CLICK_DATA_API, function (e) {
+            var _this = $(this);
+            var _parent = _this.parent('li');
+            var _list = _parent.children('ul');
+            if (self._config.preventDefault) {
+              e.preventDefault();
+            }
+            if (_this.attr('aria-disabled') === 'true') {
+              return;
+            }
+            if (_parent.hasClass(self._config.activeClass) && !self._config.doubleTapToGo) {
+              _this.attr('aria-expanded', false);
+              self._hide(_list);
+            } else {
+              self._show(_list);
+              _this.attr('aria-expanded', true);
             }
-        });
-    };
 
-})(jQuery, window, document);
\ No newline at end of file
+            if (self._config.onTransitionStart) {
+              self._config.onTransitionStart(e);
+            }
+
+            //Do we need to enable the double tap
+            if (self._config.doubleTapToGo) {
+              //if we hit a second time on the link and the href is valid, navigate to that url
+              if (self._doubleTapToGo(_this) && _this.attr('href') !== '#' && _this.attr('href') !== '') {
+                e.stopPropagation();
+                document.location = _this.attr('href');
+                return;
+              }
+            }
+          });
+        }
+      }, {
+        key: '_show',
+        value: function _show(element) {
+          if (this._transitioning || $(element).hasClass(this._config.collapsingClass)) {
+            return;
+          }
+          var _this = this;
+          var _el = $(element);
+
+          var startEvent = $.Event(Event.SHOW);
+          _el.trigger(startEvent);
+
+          if (startEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          _el.parent('li').addClass(this._config.activeClass);
+
+          if (this._config.toggle) {
+            this._hide(_el.parent('li').siblings().children('ul.' + this._config.collapseInClass).attr('aria-expanded', false));
+          }
+
+          _el.removeClass(this._config.collapseClass).addClass(this._config.collapsingClass).height(0);
+
+          this.setTransitioning(true);
+
+          var complete = function complete() {
+
+            _el.removeClass(_this._config.collapsingClass).addClass(_this._config.collapseClass + ' ' + _this._config.collapseInClass).height('').attr('aria-expanded', true);
+
+            _this.setTransitioning(false);
+
+            _el.trigger(Event.SHOWN);
+          };
+
+          if (!Util.supportsTransitionEnd()) {
+            complete();
+            return;
+          }
+
+          _el.height(_el[0].scrollHeight).one(Util.TRANSITION_END, complete);
+
+          transitionEndEmulator(TRANSITION_DURATION);
+        }
+      }, {
+        key: '_hide',
+        value: function _hide(element) {
+
+          if (this._transitioning || !$(element).hasClass(this._config.collapseInClass)) {
+            return;
+          }
+          var _this = this;
+          var _el = $(element);
+
+          var startEvent = $.Event(Event.HIDE);
+          _el.trigger(startEvent);
+
+          if (startEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          _el.parent('li').removeClass(this._config.activeClass);
+          _el.height(_el.height())[0].offsetHeight;
+
+          _el.addClass(this._config.collapsingClass).removeClass(this._config.collapseClass).removeClass(this._config.collapseInClass);
+
+          this.setTransitioning(true);
+
+          var complete = function complete() {
+            if (_this._transitioning && _this._config.onTransitionEnd) {
+              _this._config.onTransitionEnd();
+            }
+
+            _this.setTransitioning(false);
+            _el.trigger(Event.HIDDEN);
+
+            _el.removeClass(_this._config.collapsingClass).addClass(_this._config.collapseClass).attr('aria-expanded', false);
+          };
+
+          if (!Util.supportsTransitionEnd()) {
+            complete();
+            return;
+          }
+
+          _el.height() == 0 || _el.css('display') == 'none' ? complete() : _el.height(0).one(Util.TRANSITION_END, complete);
+
+          transitionEndEmulator(TRANSITION_DURATION);
+        }
+      }, {
+        key: '_doubleTapToGo',
+        value: function _doubleTapToGo(element) {
+          if (element.hasClass('doubleTapToGo')) {
+            element.removeClass('doubleTapToGo');
+            return true;
+          }
+          if (element.parent().children('ul').length) {
+            $(this._element).find('.doubleTapToGo').removeClass('doubleTapToGo');
+
+            element.addClass('doubleTapToGo');
+            return false;
+          }
+        }
+      }, {
+        key: 'setTransitioning',
+        value: function setTransitioning(isTransitioning) {
+          this._transitioning = isTransitioning;
+        }
+      }, {
+        key: '_getConfig',
+        value: function _getConfig(config) {
+          config = $.extend({}, Default, config);
+          return config;
+        }
+      }], [{
+        key: '_jQueryInterface',
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var $this = $(this);
+            var data = $this.data(DATA_KEY);
+            var _config = $.extend({}, Default, $this.data(), (typeof config === 'undefined' ? 'undefined' : _typeof(config)) === 'object' && config);
+
+            if (!data) {
+              data = new MetisMenu(this, _config);
+              $this.data(DATA_KEY, data);
+            }
+
+            if (typeof config === 'string') {
+              if (data[config] === undefined) {
+                throw new Error('No method named "' + config + '"');
+              }
+              data[config]();
+            }
+          });
+        }
+      }]);
+
+      return MetisMenu;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+
+    $.fn[NAME] = MetisMenu._jQueryInterface;
+    $.fn[NAME].Constructor = MetisMenu;
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return MetisMenu._jQueryInterface;
+    };
+    return MetisMenu;
+  }(jQuery);
+});
diff --git a/templates/bootstrap/master.tpl b/templates/bootstrap/master.tpl
index 9e8b8799..7741e02b 100644
--- a/templates/bootstrap/master.tpl
+++ b/templates/bootstrap/master.tpl
@@ -21,6 +21,7 @@
   <link href="{$PATH}/css/plugins/timeline/timeline.css" rel="stylesheet">
   <link href="{$PATH}/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
   <link href="{$PATH}/css/mpos.css" rel="stylesheet">
+  <link href="{$PATH}/css/plugins/metisMenu/metisMenu.css" rel="stylesheet">
   <link href="{$PATH}/css/sparklines.css" rel="stylesheet">
   {if $GLOBAL.config.website_design|default:"default" != "default"}
   <link href="{$PATH}/css/design/{$GLOBAL.config.website_design}.css" rel="stylesheet">