text: /*!
   * typeahead.js 0.11.1
   * https://github.com/twitter/typeahead.js
   * Copyright 2013-2015 Twitter, Inc. and other contributors; Licensed MIT
   */
  
  (function(root, factory) {
      if (typeof define === "function" && define.amd) {
          define("bloodhound", [ "jquery" ], function(a0) {
              return root["Bloodhound"] = factory(a0);
          });
      } else if (typeof exports === "object") {
          module.exports = factory(require("jquery"));
      } else {
          root["Bloodhound"] = factory(jQuery);
      }
  })(this, function($) {
      var _ = function() {
          "use strict";
          return {
              isMsie: function() {
                  return /(msie|trident)/i.test(navigator.userAgent) ? navigator.userAgent.match(/(msie |rv:)(\d+(.\d+)?)/i)[2] : false;
              },
              isBlankString: function(str) {
                  return !str || /^\s*$/.test(str);
              },
              escapeRegExChars: function(str) {
                  return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
              },
              isString: function(obj) {
                  return typeof obj === "string";
              },
              isNumber: function(obj) {
                  return typeof obj === "number";
              },
              isArray: $.isArray,
              isFunction: $.isFunction,
              isObject: $.isPlainObject,
              isUndefined: function(obj) {
                  return typeof obj === "undefined";
              },
              isElement: function(obj) {
                  return !!(obj && obj.nodeType === 1);
              },
              isJQuery: function(obj) {
                  return obj instanceof $;
              },
              toStr: function toStr(s) {
                  return _.isUndefined(s) || s === null ? "" : s + "";
              },
              bind: $.proxy,
              each: function(collection, cb) {
                  $.each(collection, reverseArgs);
                  function reverseArgs(index, value) {
                      return cb(value, index);
                  }
              },
              map: $.map,
              filter: $.grep,
              every: function(obj, test) {
                  var result = true;
                  if (!obj) {
                      return result;
                  }
                  $.each(obj, function(key, val) {
                      if (!(result = test.call(null, val, key, obj))) {
                          return false;
                      }
                  });
                  return !!result;
              },
              some: function(obj, test) {
                  var result = false;
                  if (!obj) {
                      return result;
                  }
                  $.each(obj, function(key, val) {
                      if (result = test.call(null, val, key, obj)) {
                          return false;
                      }
                  });
                  return !!result;
              },
              mixin: $.extend,
              identity: function(x) {
                  return x;
              },
              clone: function(obj) {
                  return $.extend(true, {}, obj);
              },
              getIdGenerator: function() {
                  var counter = 0;
                  return function() {
                      return counter++;
                  };
              },
              templatify: function templatify(obj) {
                  return $.isFunction(obj) ? obj : template;
                  function template() {
                      return String(obj);
                  }
              },
              defer: function(fn) {
                  setTimeout(fn, 0);
              },
              debounce: function(func, wait, immediate) {
                  var timeout, result;
                  return function() {
                      var context = this, args = arguments, later, callNow;
                      later = function() {
                          timeout = null;
                          if (!immediate) {
                              result = func.apply(context, args);
                          }
                      };
                      callNow = immediate && !timeout;
                      cl
                                                  </div>
                                              </div>
                                              <div class="portlet-body">
                                                  <div class="task-content">
                                                      <div class="scroller" style="height: 282px;" data-always-visible="1" data-rail-visible1="0" data-handle-color="#D7DCE2">
                                                          <!-- START TASK LIST -->
                                                          <ul class="task-list">
                                                              <li>
                                                                  <div class="task-checkbox">
                                                                      <input type="hidden" value="1" name="test" />
                                                                      <input type="checkbox" class="liChild" value="2" name="test" /> </div>
                                                                  <div class="task-title">
                                                                      <span class="task-title-sp"> Present 2013 Year IPO Statistics at Board Meeting </span>
                                                                      <span class="label label-sm label-success">Company</span>
                                                                      <span class="task-bell">
                                                                          <i class="fa fa-bell-o"></i>
                                                                      </span>
                                                                  </div>
                                                                  <div class="task-config">
                                                                      <div class="task-config-btn btn-group">
                                                                          <a class="btn btn-sm default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                              <i class="fa fa-cog"></i>
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </a>
                                                                          <ul class="dropdown-menu pull-right">
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-check"></i> Complete </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-pencil"></i> Edit </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-trash-o"></i> Cancel </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </li>
                                                              <li>
                                                                  <div class="task-checkbox">
                                                                      <input type="checkbox" class="liChild" value="" /> </div>
                                                                  <div class="task-title">
                                                                      <span class="task-title-sp"> Hold An Interview for Marketing Manager Position </span>
                                                                      <span class="label label-sm label-danger">Marketing</span>
                                                                  </div>
                                                                  <div class="task-config">
                                                                      <div class="task-config-btn btn-group">
                                                                          <a class="btn btn-sm default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                              <i class="fa fa-cog"></i>
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </a>
                                                                          <ul class="dropdown-menu pull-right">
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-check"></i> Complete </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-pencil"></i> Edit </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-trash-o"></i> Cancel </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </li>
                                                              <li>
                                                                  <div class="task-checkbox">
                                                                      <input type="checkbox" class="liChild" value="" /> </div>
                                                                  <div class="task-title">
                                                                      <span class="task-title-sp"> AirAsia Intranet System Project Internal Meeting </span>
                                                                      <span class="label label-sm label-success">AirAsia</span>
                                                                      <span class="task-bell">
                                                                          <i class="fa fa-bell-o"></i>
                                                                      </span>
                                                                  </div>
                                                                  <div class="task-config">
                                                                      <div class="task-config-btn btn-group">
                                                                          <a class="btn btn-sm default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                              <i class="fa fa-cog"></i>
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </a>
                                                                          <ul class="dropdown-menu pull-right">
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-check"></i> Complete </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-pencil"></i> Edit </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-trash-o"></i> Cancel </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </li>
                                                              <li>
                                                                  <div class="task-checkbox">
                                                                      <input type="checkbox" class="liChild" value="" /> </div>
                                                                  <div class="task-title">
                                                                      <span class="task-title-sp"> Technical Management Meeting </span>
                                                                      <span class="label label-sm label-warning">Company</span>
                                                                  </div>
                                                                  <div class="task-config">
                                                                      <div class="task-config-btn btn-group">
                                                                          <a class="btn btn-sm default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                              <i class="fa fa-cog"></i>
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </a>
                                                                          <ul class="dropdown-menu pull-right">
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-check"></i> Complete </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-pencil"></i> Edit </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-trash-o"></i> Cancel </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </li>
                                                              <li>
                                                                  <div class="task-checkbox">
                                                                      <input type="checkbox" class="liChild" value="" /> </div>
                                                                  <div class="task-title">
                                                                      <span class="task-title-sp"> Kick-off Company CRM Mobile App Development </span>
                                                                      <span class="label label-sm label-info">Internal Products</span>
                                                                  </div>
                                                                  <div class="task-config">
                                                                      <div class="task-config-btn btn-group">
                                                                          <a class="btn btn-sm default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                              <i class="fa fa-cog"></i>
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </a>
                                                                          <ul class="dropdown-menu pull-right">
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-check"></i> Complete </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-pencil"></i> Edit </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-trash-o"></i> Cancel </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </li>
                                                              <li>
                                                                  <div class="task-checkbox">
                                                                      <input type="checkbox" class="liChild" value="" /> </div>
                                                                  <div class="task-title">
                                                                      <span class="task-title-sp"> Prepare Commercial Offer For SmartVision Website Rewamp </span>
                                                                      <span class="label label-sm label-danger">SmartVision</span>
                                                                  </div>
                                                                  <div class="task-config">
                                                                      <div class="task-config-btn btn-group">
                                                                          <a class="btn btn-sm default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                              <i class="fa fa-cog"></i>
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </a>
                                                                          <ul class="dropdown-menu pull-right">
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-check"></i> Complete </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-pencil"></i> Edit </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-trash-o"></i> Cancel </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </li>
                                                              <li>
                                                                  <div class="task-checkbox">
                                                                      <input type="checkbox" class="liChild" value="" /> </div>
                                                                  <div class="task-title">
                                                                      <span class="task-title-sp"> Sign-Off The Comercial Agreement With AutoSmart </span>
                                                                      <span class="label label-sm label-default">AutoSmart</span>
                                                                      <span class="task-bell">
                                                                          <i class="fa fa-bell-o"></i>
                                                                      </span>
                                                                  </div>
                                                                  <div class="task-config">
                                                                      <div class="task-config-btn btn-group">
                                                                          <a class="btn btn-sm default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                              <i class="fa fa-cog"></i>
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </a>
                                                                          <ul class="dropdown-menu pull-right">
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-check"></i> Complete </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-pencil"></i> Edit </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-trash-o"></i> Cancel </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </li>
                                                              <li>
                                                                  <div class="task-checkbox">
                                                                      <input type="checkbox" class="liChild" value="" /> </div>
                                                                  <div class="task-title">
                                                                      <span class="task-title-sp"> Company Staff Meeting </span>
                                                                      <span class="label label-sm label-success">Cruise</span>
                                                                      <span class="task-bell">
                                                                          <i class="fa fa-bell-o"></i>
                                                                      </span>
                                                                  </div>
                                                                  <div class="task-config">
                                                                      <div class="task-config-btn btn-group">
                                                                          <a class="btn btn-sm default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                              <i class="fa fa-cog"></i>
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </a>
                                                                          <ul class="dropdown-menu pull-right">
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-check"></i> Complete </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-pencil"></i> Edit </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-trash-o"></i> Cancel </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </li>
                                                              <li class="last-line">
                                                                  <div class="task-checkbox">
                                                                      <input type="checkbox" class="liChild" value="" /> </div>
                                                                  <div class="task-title">
                                                                      <span class="task-title-sp"> KeenThemes Investment Discussion </span>
                                                                      <span class="label label-sm label-warning">KeenThemes </span>
                                                                  </div>
                                                                  <div class="task-config">
                                                                      <div class="task-config-btn btn-group">
                                                                          <a class="btn btn-sm default" href="javascript:;" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                                              <i class="fa fa-cog"></i>
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </a>
                                                                          <ul class="dropdown-menu pull-right">
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-check"></i> Complete </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-pencil"></i> Edit </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">
                                                                                      <i class="fa fa-trash-o"></i> Cancel </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </li>
                                                          </ul>
                                                          <!-- END START TASK LIST -->
                                                      </div>
                                                  </div>
                                                  <div class="task-footer">
                                                      <div class="btn-arrow-link pull-right">
                                                          <a href="javascript:;">See All Tasks</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                          <!-- END PORTLET -->
                                      </div>
                                  </div>
                                  <div class="row">
                                      <div class="col-md-6">
                                          <div class="portlet light portlet-fit bordered">
                                              <div class="portlet-title">
                                                  <div class="caption">
                                                      <i class="icon-microphone font-green"></i>
                                                      <span class="caption-subject bold font-green uppercase"> Timeline</span>
                                                      <span class="caption-helper">user timeline</span>
                                                  </div>
                                                  <div class="actions">
                                                      <div class="btn-group btn-group-devided" data-toggle="buttons">
                                                          <label class="btn btn-transparent dark btn-outline btn-circle btn-sm active">
                                                              <input type="radio" name="options" class="toggle" id="option1">Actions</label>
                                                          <label class="btn btn-transparent dark btn-outline btn-circle btn-sm">
                                                              <input type="radio" name="options" class="toggle" id="option2">Settings</label>
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="portlet-body">
                                                  <div class="timeline">
                                                      <!-- TIMELINE ITEM -->
                                                      <div class="timeline-item">
                                                          <div class="timeline-badge">
                                                              <img class="timeline-badge-userpic" src="../assets/pages/media/users/avatar80_2.jpg"> </div>
                                                          <div class="timeline-body">
                                                              <div class="timeline-body-arrow"> </div>
                                                              <div class="timeline-body-head">
                                                                  <div class="timeline-body-head-caption">
                                                                      <a href="javascript:;" class="timeline-body-title font-blue-madison">Lisa Strong</a>
                                                                      <span class="timeline-body-time font-grey-cascade">Replied at 17:45 PM</span>
                                                                  </div>
                                                                  <div class="timeline-body-head-actions">
                                                                      <div class="btn-group">
                                                                          <button class="btn btn-circle green btn-outline btn-sm dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Actions
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </button>
                                                                          <ul class="dropdown-menu pull-right" role="menu">
                                                                              <li>
                                                                                  <a href="javascript:;">Action </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Another action </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Something else here </a>
                                                                              </li>
                                                                              <li class="divider"> </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Separated link </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                              <div class="timeline-body-content">
                                                                  <span class="font-grey-cascade"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit laoreet dolore magna aliquam erat volutpat. Ut wisi enim
                                                                      ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </span>
                                                              </div>
                                                          </div>
                                                      </div>
                                                      <!-- END TIMELINE ITEM -->
                                                      <!-- TIMELINE ITEM WITH GOOGLE MAP -->
                                                      <div class="timeline-item">
                                                          <div class="timeline-badge">
                                                              <img class="timeline-badge-userpic" src="../assets/pages/media/users/avatar80_7.jpg"> </div>
                                                          <div class="timeline-body">
                                                              <div class="timeline-body-arrow"> </div>
                                                              <div class="timeline-body-head">
                                                                  <div class="timeline-body-head-caption">
                                                                      <a href="javascript:;" class="timeline-body-title font-blue-madison">Paul Kiton</a>
                                                                      <span class="timeline-body-time font-grey-cascade">Added office location at 2:50 PM</span>
                                                                  </div>
                                                                  <div class="timeline-body-head-actions">
                                                                      <div class="btn-group">
                                                                          <button class="btn btn-circle red btn-sm dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Actions
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </button>
                                                                          <ul class="dropdown-menu pull-right" role="menu">
                                                                              <li>
                                                                                  <a href="javascript:;">Action </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Another action </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Something else here </a>
                                                                              </li>
                                                                              <li class="divider"> </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Separated link </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                              <div class="timeline-body-content">
                                                                  <div id="gmap_polygons" class="gmaps"> </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                      <!-- END TIMELINE ITEM WITH GOOGLE MAP -->
                                                      <!-- TIMELINE ITEM -->
                                                      <div class="timeline-item">
                                                          <div class="timeline-badge">
                                                              <div class="timeline-icon">
                                                                  <i class="icon-user-following font-green-haze"></i>
                                                              </div>
                                                          </div>
                                                          <div class="timeline-body">
                                                              <div class="timeline-body-arrow"> </div>
                                                              <div class="timeline-body-head">
                                                                  <div class="timeline-body-head-caption">
                                                                      <span class="timeline-body-alerttitle font-red-intense">You have new follower</span>
                                                                      <span class="timeline-body-time font-grey-cascade">at 11:00 PM</span>
                                                                  </div>
                                                                  <div class="timeline-body-head-actions">
                                                                      <div class="btn-group">
                                                                          <button class="btn btn-circle green btn-outline
  
                                          btn-sm dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Actions
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </button>
                                                                          <ul class="dropdown-menu pull-right" role="menu">
                                                                              <li>
                                                                                  <a href="javascript:;">Action </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Another action </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Something else here </a>
                                                                              </li>
                                                                              <li class="divider"> </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Separated link </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                              <div class="timeline-body-content">
                                                                  <span class="font-grey-cascade"> You have new follower
                                                                      <a href="javascript:;">Ivan Rakitic</a>
                                                                  </span>
                                                              </div>
                                                          </div>
                                                      </div>
                                                      <!-- END TIMELINE ITEM -->
                                                      <!-- TIMELINE ITEM -->
                                                      <div class="timeline-item">
                                                          <div class="timeline-badge">
                                                              <div class="timeline-icon">
                                                                  <i class="icon-docs font-red-intense"></i>
                                                              </div>
                                                          </div>
                                                          <div class="timeline-body">
                                                              <div class="timeline-body-arrow"> </div>
                                                              <div class="timeline-body-head">
                                                                  <div class="timeline-body-head-caption">
                                                                      <span class="timeline-body-alerttitle font-green-haze">Server Report</span>
                                                                      <span class="timeline-body-time font-grey-cascade">Yesterday at 11:00 PM</span>
                                                                  </div>
                                                                  <div class="timeline-body-head-actions">
                                                                      <div class="btn-group dropup">
                                                                          <button class="btn btn-circle red btn-sm dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"> Actions
                                                                              <i class="fa fa-angle-down"></i>
                                                                          </button>
                                                                          <ul class="dropdown-menu pull-right" role="menu">
                                                                              <li>
                                                                                  <a href="javascript:;">Action </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Another action </a>
                                                                              </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Something else here </a>
                                                                              </li>
                                                                              <li class="divider"> </li>
                                                                              <li>
                                                                                  <a href="javascript:;">Separated link </a>
                                                                              </li>
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                              <div class="timeline-body-content">
                                                                  <span class="font-grey-cascade"> Lorem ipsum dolore sit amet
                                                                      <a href="javascript:;">Ispect</a>
                                                                  </span>
                                                              </div>
                                                          </div>
                                                      </div>
                                                      <!-- END TIMELINE ITEM -->
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <!-- END PROFILE CONTENT -->
                          </div>
                      </div>
                      <!-- END PAGE BASE CONTENT -->
                  </div>
                  <!-- BEGIN FOOTER -->
                  <p class="copyright-v2">2015 © Metronic by keenthemes.
                      <a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase Metronic!</a>
                  </p>
                  <!-- BEGIN QUICK SIDEBAR TOGGLER -->
                  <button type="button" class="quick-sidebar-toggler" data-toggle="collapse">
                      <span class="sr-only">Toggle Quick Sidebar</span>
                      <i class="icon-logout"></i>
                      <div class="quick-sidebar-notification">
                          <span class="badge badge-danger">7</span>
                      </div>
                  </button>
                  <!-- END QUICK SIDEBAR TOGGLER -->
                  <a href="#index" class="go2top">
                      <i class="icon-arrow-up"></i>
                  </a>
                  <!-- END FOOTER -->
              </div>
          </div>
          <!-- END CONTAINER -->
          <!-- BEGIN QUICK SIDEBAR -->
          <a href="javascript:;" class="page-quick-sidebar-toggler">
              <i class="icon-login"></i>
          </a>
          <div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
              <div class="page-quick-sidebar">
                  <ul class="nav nav-tabs">
                      <li class="active">
                          <a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
                              <span class="badge badge-danger">2</span>
                          </a>
                      </li>
                      <li>
                          <a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
                              <span class="badge badge-success">7</span>
                          </a>
                      </li>
                      <li class="dropdown">
                          <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
                              <i class="fa fa-angle-down"></i>
                          </a>
                          <ul class="dropdown-menu pull-right">
                              <li>
                                  <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
                                      <i class="icon-bell"></i> Alerts </a>
                              </li>
                              <li>
                                  <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
                                      <i class="icon-info"></i> Notifications </a>
                              </li>
                              <li>
                                  <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
                                      <i class="icon-speech"></i> Activities </a>
                              </li>
                              <li class="divider"></li>
                              <li>
                                  <a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
                                      <i class="icon-settings"></i> Settings </a>
                              </li>
                          </ul>
                      </li>
                  </ul>
                  <div class="tab-content">
                      <div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
                          <div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
                              <h3 class="list-heading">Staff</h3>
                              <ul class="media-list list-items">
                                  <li class="media">
                                      <div class="media-status">
                                          <span class="badge badge-success">8</span>
                                      </div>
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Bob Nilson</h4>
                                          <div class="media-heading-sub"> Project Manager </div>
                                      </div>
                                  </li>
                                  <li class="media">
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Nick Larson</h4>
                                          <div class="media-heading-sub"> Art Director </div>
                                      </div>
                                  </li>
                                  <li class="media">
                                      <div class="media-status">
                                          <span class="badge badge-danger">3</span>
                                      </div>
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Deon Hubert</h4>
                                          <div class="media-heading-sub"> CTO </div>
                                      </div>
                                  </li>
                                  <li class="media">
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Ella Wong</h4>
                                          <div class="media-heading-sub"> CEO </div>
                                      </div>
                                  </li>
                              </ul>
                              <h3 class="list-heading">Customers</h3>
                              <ul class="media-list list-items">
                                  <li class="media">
                                      <div class="media-status">
                                          <span class="badge badge-warning">2</span>
                                      </div>
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Lara Kunis</h4>
                                          <div class="media-heading-sub"> CEO, Loop Inc </div>
                                          <div class="media-heading-small"> Last seen 03:10 AM </div>
                                      </div>
                                  </li>
                                  <li class="media">
                                      <div class="media-status">
                                          <span class="label label-sm label-success">new</span>
                                      </div>
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Ernie Kyllonen</h4>
                                          <div class="media-heading-sub"> Project Manager,
                                              <br> SmartBizz PTL </div>
                                      </div>
                                  </li>
                                  <li class="media">
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Lisa Stone</h4>
                                          <div class="media-heading-sub"> CTO, Keort Inc </div>
                                          <div class="media-heading-small"> Last seen 13:10 PM </div>
                                      </div>
                                  </li>
                                  <li class="media">
                                      <div class="media-status">
                                          <span class="badge badge-success">7</span>
                                      </div>
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Deon Portalatin</h4>
                                          <div class="media-heading-sub"> CFO, H&D LTD </div>
                                      </div>
                                  </li>
                                  <li class="media">
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Irina Savikova</h4>
                                          <div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
                                      </div>
                                  </li>
                                  <li class="media">
                                      <div class="media-status">
                                          <span class="badge badge-danger">4</span>
                                      </div>
                                      <img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
                                      <div class="media-body">
                                          <h4 class="media-heading">Maria Gomez</h4>
                                          <div class="media-heading-sub"> Manager, Infomatic Inc </div>
                                          <div class="media-heading-small"> Last seen 03:10 AM </div>
                                      </div>
                                  </li>
                              </ul>
                          </div>
                          <div class="page-quick-sidebar-item">
                              <div class="page-quick-sidebar-chat-user">
                                  <div class="page-quick-sidebar-nav">
                                      <a href="javascript:;" class="page-quick-sidebar-back-to-list">
                                          <i class="icon-arrow-left"></i>Back</a>
                                  </div>
                                  <div class="page-quick-sidebar-chat-user-messages">
                                      <div class="post out">
                                          <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
                                          <div class="message">
                                              <span class="arrow"></span>
                                              <a href="javascript:;" class="name">Bob Nilson</a>
                                              <span class="datetime">20:15</span>
                                              <span class="body"> When could you send me the report ? </span>
                                          </div>
                                      </div>
                                      <div class="post in">
                                          <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
                                          <div class="message">
                                              <span class="arrow"></span>
                                              <a href="javascript:;" class="name">Ella Wong</a>
                                              <span class="datetime">20:15</span>
                                              <span class="body"> Its almost done. I will be sending it shortly </span>
                                          </div>
                                      </div>
                                      <div class="post out">
                                          <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
                                          <div class="message">
                                              <span class="arrow"></span>
                                              <a href="javascript:;" class="name">Bob Nilson</a>
                                              <span class="datetime">20:15</span>
                                              <span class="body"> Alright. Thanks! :) </span>
                                          </div>
                                      </div>
                                      <div class="post in">
                                          <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
                                          <div class="message">
                                              <span class="arrow"></span>
                                              <a href="javascript:;" class="name">Ella Wong</a>
                                              <span class="datetime">20:16</span>
                                              <span class="body"> You are most welcome. Sorry for the delay. </span>
                                          </div>
                                      </div>
                                      <div class="post out">
                                          <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
                                          <div class="message">
                                              <span class="arrow"></span>
                                              <a href="javascript:;" class="name">Bob Nilson</a>
                                              <span class="datetime">20:17</span>
                                              <span class="body"> No probs. Just take your time :) </span>
                                          </div>
                                      </div>
                                      <div class="post in">
                                          <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
                                          <div class="message">
                                              <span class="arrow"></span>
                                              <a href="javascript:;" class="name">Ella Wong</a>
                                              <span class="datetime">20:40</span>
                                              <span class="body"> Alright. I just emailed it to you. </span>
                                          </div>
                                      </div>
                                      <div class="post out">
                                          <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
                                          <div class="message">
                                              <span class="arrow"></span>
                                              <a href="javascript:;" class="name">Bob Nilson</a>
                                              <span class="datetime">20:17</span>
                                              <span class="body"> Great! Thanks. Will check it right away. </span>
                                          </div>
                                      </div>
                                      <div class="post in">
                                          <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
                                          <div class="message">
                                              <span class="arrow"></span>
                                              <a href="javascript:;" class="name">Ella Wong</a>
                                              <span class="datetime">20:40</span>
                                              <span class="body"> Please let me know if you have any comment. </span>
                                          </div>
                                      </div>
                                      <div class="post out">
                                          <img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
                                          <div class="message">
                                              <span class="arrow"></span>
                                              <a href="javascript:;" class="name">Bob Nilson</a>
                                              <span class="datetime">20:17</span>
                                              <span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="page-quick-sidebar-chat-user-form">
                                      <div class="input-group">
                                          <input type="text" class="form-control" placeholder="Type a message here...">
                                          <div class="input-group-btn">
                                              <button type="button" class="btn green">
                                                  <i class="icon-paper-clip"></i>
                                              </button>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
                          <div class="page-quick-sidebar-alerts-list">
                              <h3 class="list-heading">General</h3>
                              <ul class="feeds list-items">
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-info">
                                                      <i class="fa fa-check"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> You have 4 pending tasks.
                                                      <span class="label label-sm label-warning "> Take action
                                                          <i class="fa fa-share"></i>
                                                      </span>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> Just now </div>
                                      </div>
                                  </li>
                                  <li>
                                      <a href="javascript:;">
                                          <div class="col1">
                                              <div class="cont">
                                                  <div class="cont-col1">
                                                      <div class="label label-sm label-success">
                                                          <i class="fa fa-bar-chart-o"></i>
                                                      </div>
                                                  </div>
                                                  <div class="cont-col2">
                                                      <div class="desc"> Finance Report for year 2013 has been released. </div>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="col2">
                                              <div class="date"> 20 mins </div>
                                          </div>
                                      </a>
                                  </li>
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-danger">
                                                      <i class="fa fa-user"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> You have 5 pending membership that requires a quick review. </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> 24 mins </div>
                                      </div>
                                  </li>
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-info">
                                                      <i class="fa fa-shopping-cart"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> New order received with
                                                      <span class="label label-sm label-success"> Reference Number: DR23923 </span>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> 30 mins </div>
                                      </div>
                                  </li>
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-success">
                                                      <i class="fa fa-user"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> You have 5 pending membership that requires a quick review. </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> 24 mins </div>
                                      </div>
                                  </li>
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-info">
                                                      <i class="fa fa-bell-o"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> Web server hardware needs to be upgraded.
                                                      <span class="label label-sm label-warning"> Overdue </span>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> 2 hours </div>
                                      </div>
                                  </li>
                                  <li>
                                      <a href="javascript:;">
                                          <div class="col1">
                                              <div class="cont">
                                                  <div class="cont-col1">
                                                      <div class="label label-sm label-default">
                                                          <i class="fa fa-briefcase"></i>
                                                      </div>
                                                  </div>
                                                  <div class="cont-col2">
                                                      <div class="desc"> IPO Report for year 2013 has been released. </div>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="col2">
                                              <div class="date"> 20 mins </div>
                                          </div>
                                      </a>
                                  </li>
                              </ul>
                              <h3 class="list-heading">System</h3>
                              <ul class="feeds list-items">
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-info">
                                                      <i class="fa fa-check"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> You have 4 pending tasks.
                                                      <span class="label label-sm label-warning "> Take action
                                                          <i class="fa fa-share"></i>
                                                      </span>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> Just now </div>
                                      </div>
                                  </li>
                                  <li>
                                      <a href="javascript:;">
                                          <div class="col1">
                                              <div class="cont">
                                                  <div class="cont-col1">
                                                      <div class="label label-sm label-danger">
                                                          <i class="fa fa-bar-chart-o"></i>
                                                      </div>
                                                  </div>
                                                  <div class="cont-col2">
                                                      <div class="desc"> Finance Report for year 2013 has been released. </div>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="col2">
                                              <div class="date"> 20 mins </div>
                                          </div>
                                      </a>
                                  </li>
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-default">
                                                      <i class="fa fa-user"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> You have 5 pending membership that requires a quick review. </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> 24 mins </div>
                                      </div>
                                  </li>
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-info">
                                                      <i class="fa fa-shopping-cart"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> New order received with
                                                      <span class="label label-sm label-success"> Reference Number: DR23923 </span>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> 30 mins </div>
                                      </div>
                                  </li>
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-success">
                                                      <i class="fa fa-user"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> You have 5 pending membership that requires a quick review. </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> 24 mins </div>
                                      </div>
                                  </li>
                                  <li>
                                      <div class="col1">
                                          <div class="cont">
                                              <div class="cont-col1">
                                                  <div class="label label-sm label-warning">
                                                      <i class="fa fa-bell-o"></i>
                                                  </div>
                                              </div>
                                              <div class="cont-col2">
                                                  <div class="desc"> Web server hardware needs to be upgraded.
                                                      <span class="label label-sm label-default "> Overdue </span>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="col2">
                                          <div class="date"> 2 hours </div>
                                      </div>
                                  </li>
                                  <li>
                                      <a href="javascript:;">
                                          <div class="col1">
                                              <div class="cont">
                                                  <div class="cont-col1">
                                                      <div class="label label-sm label-info">
                                                          <i class="fa fa-briefcase"></i>
                                                      </div>
                                                  </div>
                                                  <div class="cont-col2">
                                                      <div class="desc"> IPO Report for year 2013 has been released. </div>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="col2">
                                              <div class="date"> 20 mins </div>
                                          </div>
                                      </a>
                                  </li>
                              </ul>
                          </div>
                      </div>
                      <div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
                          <div class="page-quick-sidebar-settings-list">
                              <h3 class="list-heading">General Settings</h3>
                              <ul class="list-items borderless">
                                  <li> Enable Notifications
                                      <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
                                  <li> Allow Tracking
                                      <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
                                  <li> Log Errors
                                      <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
                                  <li> Auto Sumbit Issues
                                      <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
                                  <li> Enable SMS Alerts
                                      <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
                              </ul>
                              <h3 class="list-heading">System Settings</h3>
                              <ul class="list-items borderless">
                                  <li> Security Level
                                      <select class="form-control input-inline input-sm input-small">
                                          <option value="1">Normal</option>
                                          <option value="2" selected>Medium</option>
                                          <option value="e">High</option>
                                      </select>
                                  </li>
                                  <li> Failed Email Attempts
                                      <input class="form-control input-inline input-sm input-small" value="5" /> </li>
                                  <li> Secondary SMTP Port
                                      <input class="form-control input-inline input-sm input-small" value="3560" /> </li>
                                  <li> Notify On System Error
                                      <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
                                  <li> Notify On SMTP Error
                                      <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
                              </ul>
                              <div class="inner-content">
                                  <button class="btn btn-success">
                                      <i class="icon-settings"></i> Save Changes</button>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
          <!-- END QUICK SIDEBAR -->
          <!--[if lt IE 9]>
  <script src="../assets/global/plugins/respond.min.js"></script>
  <script src="../assets/global/plugins/excanvas.min.js"></script> 
  <![endif]-->
          <!-- BEGIN CORE PLUGINS -->
          <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
          <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
          <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
          <script src="../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
          <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
          <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
          <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
          <!-- END CORE PLUGINS -->
          <!-- BEGIN PAGE LEVEL PLUGINS -->
          <script src="../assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js" type="text/javascript"></script>
          <script src="../assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
          <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
          <script src="../assets/global/plugins/gmaps/gmaps.min.js" type="text/javascript"></script>
          <!-- END PAGE LEVEL PLUGINS -->
          <!-- BEGIN THEME GLOBAL SCRIPTS -->
          <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
          <!-- END THEME GLOBAL SCRIPTS -->
          <!-- BEGIN PAGE LEVEL SCRIPTS -->
          <script src="../assets/pages/scripts/profile.min.js" type="text/javascript"></script>
          <script src="../assets/pages/scripts/timeline.min.js" type="text/javascript"></script>
          <!-- END PAGE LEVEL SCRIPTS -->
          <!-- BEGIN THEME LAYOUT SCRIPTS -->
          <script src="../assets/layouts/layout6/scripts/layout.min.js" type="text/javascript"></script>
          <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
          <!-- END THEME LAYOUT SCRIPTS -->
      </body>
  
  </html>           if (methods[method]) {
                  return methods[method].apply(this, [].slice.call(arguments, 1));
              } else {
                  return methods.initialize.apply(this, arguments);
              }
          };
          $.fn.typeahead.noConflict = function noConflict() {
              $.fn.typeahead = old;
              return this;
          };
          function ttEach($els, fn) {
              $els.each(function() {
                  var $input = $(this), typeahead;
                  (typeahead = $input.data(keys.typeahead)) && fn(typeahead, $input);
              });
          }
          function buildHintFromInput($input, www) {
              return $input.clone().addClass(www.classes.hint).removeData().css(www.css.hint).css(getBackgroundStyles($input)).prop("readonly", true).removeAttr("id name placeholder required").attr({
                  autocomplete: "off",
                  spellcheck: "false",
                  tabindex: -1
              });
          }
          function prepInput($input, www) {
              $inpu<!DOCTYPE html>
  <!-- 
  Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
  Version: 4.5.6
  Author: KeenThemes
  Website: http://www.keenthemes.com/
  Contact: support@keenthemes.com
  Follow: www.twitter.com/keenthemes
  Dribbble: www.dribbble.com/keenthemes
  Like: www.facebook.com/keenthemes
  Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
  Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
  License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
  -->
  <!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
  <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
  <!--[if !IE]><!-->
  <html lang="en" dir="rtl">
      <!--<![endif]-->
      <!-- BEGIN HEAD -->
  
      <head>
          <meta charset="utf-8" />
          <title>Metronic | New User Profile | Account</title>
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta content="width=device-width, initial-scale=1" name="viewport" />
          <meta content="" name="description" />
          <meta content="" name="author" />
          <!-- BEGIN LAYOUT FIRST STYLES -->
          <link href="//fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css" />
          <!-- END LAYOUT FIRST STYLES -->
          <!-- BEGIN GLOBAL MANDATORY STYLES -->
          <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
          <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
          <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
          <link href="../assets/global/plugins/bootstrap/css/bootstrap-rtl.min.css" rel="stylesheet" type="text/css" />