Merge pull request #355 from puikinsh/Development

Development

build/css/rtl.css

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

build/js/custom.js

@@ -187,11 +187,12 @@ $(document).ready(function() {
 });
 // /Switchery
 
+
 // iCheck
 $(document).ready(function() {
-    if ($("input.flat")[0]) {
+    if ($("input.checkbox")[0]) {
         $(document).ready(function () {
-            $('input.flat').iCheck({
+            $('input.checkbox').iCheck({
                 checkboxClass: 'icheckbox_flat-green',
                 radioClass: 'iradio_flat-green'
             });
@@ -200,6 +201,7 @@ $(document).ready(function() {
 });
 // /iCheck
 
+
 // Table
 $('table input').on('ifChecked', function () {
     checkState = '';
@@ -253,6 +255,8 @@ function countChecked() {
     }
 }
 
+
+
 // Accordion
 $(document).ready(function() {
     $(".expand").on("click", function () {

build/js/custom.min.js

@@ -1 +1 @@
-function countChecked(){"all"===checkState&&$(".bulk_action input[name='table_records']").iCheck("check"),"none"===checkState&&$(".bulk_action input[name='table_records']").iCheck("uncheck");var e=$(".bulk_action input[name='table_records']:checked").length;e?($(".column-title").hide(),$(".bulk-actions").show(),$(".action-cnt").html(e+" Records Selected")):($(".column-title").show(),$(".bulk-actions").hide())}!function(e,t){var n=function(e,t,n){var i;return function(){function c(){n||e.apply(a,o),i=null}var a=this,o=arguments;i?clearTimeout(i):n&&e.apply(a,o),i=setTimeout(c,t||100)}};jQuery.fn[t]=function(e){return e?this.bind("resize",n(e)):this.trigger(t)}}(jQuery,"smartresize");var CURRENT_URL=window.location.href.split("#")[0].split("?")[0],$BODY=$("body"),$MENU_TOGGLE=$("#menu_toggle"),$SIDEBAR_MENU=$("#sidebar-menu"),$SIDEBAR_FOOTER=$(".sidebar-footer"),$LEFT_COL=$(".left_col"),$RIGHT_COL=$(".right_col"),$NAV_MENU=$(".nav_menu"),$FOOTER=$("footer");$(document).ready(function(){var e=function(){$RIGHT_COL.css("min-height",$(window).height());var e=$BODY.outerHeight(),t=$BODY.hasClass("footer_fixed")?-10:$FOOTER.height(),n=$LEFT_COL.eq(1).height()+$SIDEBAR_FOOTER.height(),i=n>e?n:e;i-=$NAV_MENU.height()+t,$RIGHT_COL.css("min-height",i)};$SIDEBAR_MENU.find("a").on("click",function(t){var n=$(this).parent();n.is(".active")?(n.removeClass("active active-sm"),$("ul:first",n).slideUp(function(){e()})):(n.parent().is(".child_menu")||($SIDEBAR_MENU.find("li").removeClass("active active-sm"),$SIDEBAR_MENU.find("li ul").slideUp()),n.addClass("active"),$("ul:first",n).slideDown(function(){e()}))}),$MENU_TOGGLE.on("click",function(){$BODY.hasClass("nav-md")?($SIDEBAR_MENU.find("li.active ul").hide(),$SIDEBAR_MENU.find("li.active").addClass("active-sm").removeClass("active")):($SIDEBAR_MENU.find("li.active-sm ul").show(),$SIDEBAR_MENU.find("li.active-sm").addClass("active").removeClass("active-sm")),$BODY.toggleClass("nav-md nav-sm"),e()}),$SIDEBAR_MENU.find('a[href="'+CURRENT_URL+'"]').parent("li").addClass("current-page"),$SIDEBAR_MENU.find("a").filter(function(){return this.href==CURRENT_URL}).parent("li").addClass("current-page").parents("ul").slideDown(function(){e()}).parent().addClass("active"),$(window).smartresize(function(){e()}),e(),$.fn.mCustomScrollbar&&$(".menu_fixed").mCustomScrollbar({autoHideScrollbar:!0,theme:"minimal",mouseWheel:{preventDefault:!0}})}),$(document).ready(function(){$(".collapse-link").on("click",function(){var e=$(this).closest(".x_panel"),t=$(this).find("i"),n=e.find(".x_content");e.attr("style")?n.slideToggle(200,function(){e.removeAttr("style")}):(n.slideToggle(200),e.css("height","auto")),t.toggleClass("fa-chevron-up fa-chevron-down")}),$(".close-link").click(function(){var e=$(this).closest(".x_panel");e.remove()})}),$(document).ready(function(){$('[data-toggle="tooltip"]').tooltip({container:"body"})}),$(".progress .progress-bar")[0]&&$(".progress .progress-bar").progressbar(),$(document).ready(function(){if($(".js-switch")[0]){var e=Array.prototype.slice.call(document.querySelectorAll(".js-switch"));e.forEach(function(e){new Switchery(e,{color:"#26B99A"})})}}),$(document).ready(function(){$("input.flat")[0]&&$(document).ready(function(){$("input.flat").iCheck({checkboxClass:"icheckbox_flat-green",radioClass:"iradio_flat-green"})})}),$("table input").on("ifChecked",function(){checkState="",$(this).parent().parent().parent().addClass("selected"),countChecked()}),$("table input").on("ifUnchecked",function(){checkState="",$(this).parent().parent().parent().removeClass("selected"),countChecked()});var checkState="";$(".bulk_action input").on("ifChecked",function(){checkState="",$(this).parent().parent().parent().addClass("selected"),countChecked()}),$(".bulk_action input").on("ifUnchecked",function(){checkState="",$(this).parent().parent().parent().removeClass("selected"),countChecked()}),$(".bulk_action input#check-all").on("ifChecked",function(){checkState="all",countChecked()}),$(".bulk_action input#check-all").on("ifUnchecked",function(){checkState="none",countChecked()}),$(document).ready(function(){$(".expand").on("click",function(){$(this).next().slideToggle(200),$expand=$(this).find(">:first-child"),"+"==$expand.text()?$expand.text("-"):$expand.text("+")})}),"undefined"!=typeof NProgress&&($(document).ready(function(){NProgress.start()}),$(window).load(function(){NProgress.done()}));
+function countChecked(){"all"===checkState&&$(".bulk_action .checkbox input[name='table_records']").iCheck("check"),"none"===checkState&&$(".bulk_action .checkbox input[name='table_records']").iCheck("uncheck");var e=$(".bulk_action .checkbox input[name='table_records']:checked").length;e?($(".column-title").hide(),$(".bulk-actions").show(),$(".action-cnt").html(e+" Records Selected")):($(".column-title").show(),$(".bulk-actions").hide())}!function(e,t){var n=function(e,t,n){var i;return function(){function c(){n||e.apply(a,o),i=null}var a=this,o=arguments;i?clearTimeout(i):n&&e.apply(a,o),i=setTimeout(c,t||100)}};jQuery.fn[t]=function(e){return e?this.bind("resize",n(e)):this.trigger(t)}}(jQuery,"smartresize");var CURRENT_URL=window.location.href.split("#")[0].split("?")[0],$BODY=$("body"),$MENU_TOGGLE=$("#menu_toggle"),$SIDEBAR_MENU=$("#sidebar-menu"),$SIDEBAR_FOOTER=$(".sidebar-footer"),$LEFT_COL=$(".left_col"),$RIGHT_COL=$(".right_col"),$NAV_MENU=$(".nav_menu"),$FOOTER=$("footer");$(document).ready(function(){var e=function(){$RIGHT_COL.css("min-height",$(window).height());var e=$BODY.outerHeight(),t=$BODY.hasClass("footer_fixed")?-10:$FOOTER.height(),n=$LEFT_COL.eq(1).height()+$SIDEBAR_FOOTER.height(),i=n>e?n:e;i-=$NAV_MENU.height()+t,$RIGHT_COL.css("min-height",i)};$SIDEBAR_MENU.find("a").on("click",function(t){var n=$(this).parent();n.is(".active")?(n.removeClass("active active-sm"),$("ul:first",n).slideUp(function(){e()})):(n.parent().is(".child_menu")||($SIDEBAR_MENU.find("li").removeClass("active active-sm"),$SIDEBAR_MENU.find("li ul").slideUp()),n.addClass("active"),$("ul:first",n).slideDown(function(){e()}))}),$MENU_TOGGLE.on("click",function(){$BODY.hasClass("nav-md")?($SIDEBAR_MENU.find("li.active ul").hide(),$SIDEBAR_MENU.find("li.active").addClass("active-sm").removeClass("active")):($SIDEBAR_MENU.find("li.active-sm ul").show(),$SIDEBAR_MENU.find("li.active-sm").addClass("active").removeClass("active-sm")),$BODY.toggleClass("nav-md nav-sm"),e()}),$SIDEBAR_MENU.find('a[href="'+CURRENT_URL+'"]').parent("li").addClass("current-page"),$SIDEBAR_MENU.find("a").filter(function(){return this.href==CURRENT_URL}).parent("li").addClass("current-page").parents("ul").slideDown(function(){e()}).parent().addClass("active"),$(window).smartresize(function(){e()}),e(),$.fn.mCustomScrollbar&&$(".menu_fixed").mCustomScrollbar({autoHideScrollbar:!0,theme:"minimal",mouseWheel:{preventDefault:!0}})}),$(document).ready(function(){$(".collapse-link").on("click",function(){var e=$(this).closest(".x_panel"),t=$(this).find("i"),n=e.find(".x_content");e.attr("style")?n.slideToggle(200,function(){e.removeAttr("style")}):(n.slideToggle(200),e.css("height","auto")),t.toggleClass("fa-chevron-up fa-chevron-down")}),$(".close-link").click(function(){var e=$(this).closest(".x_panel");e.remove()})}),$(document).ready(function(){$('[data-toggle="tooltip"]').tooltip({container:"body"})}),$(".progress .progress-bar")[0]&&$(".progress .progress-bar").progressbar(),$(document).ready(function(){if($(".js-switch")[0]){var e=Array.prototype.slice.call(document.querySelectorAll(".js-switch"));e.forEach(function(e){new Switchery(e,{color:"#26B99A"})})}}),/*$(document).ready(function(){$(".checkbox input")[0]&&$(document).ready(function(){$(".checkbox input").iCheck({checkboxClass:"icheckbox_flat-green",radioClass:"iradio_flat-green"})})}),*/$("table .checkbox input").on("ifChecked",function(){checkState="",$(this).parent().parent().parent().addClass("selected"),countChecked()}),$("table .checkbox input").on("ifUnchecked",function(){checkState="",$(this).parent().parent().parent().removeClass("selected"),countChecked()});var checkState="";$(".bulk_action .checkbox input").on("ifChecked",function(){checkState="",$(this).parent().parent().parent().addClass("selected"),countChecked()}),$(".bulk_action .checkbox input").on("ifUnchecked",function(){checkState="",$(this).parent().parent().parent().removeClass("selected"),countChecked()}),$(".bulk_action .checkbox input#check-all").on("ifChecked",function(){checkState="all",countChecked()}),$(".bulk_action .checkbox input#check-all").on("ifUnchecked",function(){checkState="none",countChecked()}),$(document).ready(function(){$(".expand").on("click",function(){$(this).next().slideToggle(200),$expand=$(this).find(">:first-child"),"+"==$expand.text()?$expand.text("-"):$expand.text("+")})}),"undefined"!=typeof NProgress&&($(document).ready(function(){NProgress.start()}),$(window).load(function(){NProgress.done()}));

build/js/custom2.js

@@ -0,0 +1,285 @@
+/**
+ * Resize function without multiple trigger
+ * 
+ * Usage:
+ * $(window).smartresize(function(){  
+ *     // code here
+ * });
+ */
+(function($,sr){
+    // debouncing function from John Hann
+    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+    var debounce = function (func, threshold, execAsap) {
+      var timeout;
+
+        return function debounced () {
+            var obj = this, args = arguments;
+            function delayed () {
+                if (!execAsap)
+                    func.apply(obj, args); 
+                timeout = null; 
+            }
+
+            if (timeout)
+                clearTimeout(timeout);
+            else if (execAsap)
+                func.apply(obj, args);
+
+            timeout = setTimeout(delayed, threshold || 100); 
+        };
+    };
+
+    // smartresize 
+    jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
+
+})(jQuery,'smartresize');
+/**
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+
+var CURRENT_URL = window.location.href.split('#')[0].split('?')[0],
+    $BODY = $('body'),
+    $MENU_TOGGLE = $('#menu_toggle'),
+    $SIDEBAR_MENU = $('#sidebar-menu'),
+    $SIDEBAR_FOOTER = $('.sidebar-footer'),
+    $LEFT_COL = $('.left_col'),
+    $RIGHT_COL = $('.right_col'),
+    $NAV_MENU = $('.nav_menu'),
+    $FOOTER = $('footer');
+
+// Sidebar
+$(document).ready(function() {
+    // TODO: This is some kind of easy fix, maybe we can improve this
+    var setContentHeight = function () {
+        // reset height
+        $RIGHT_COL.css('min-height', $(window).height());
+
+        var bodyHeight = $BODY.outerHeight(),
+            footerHeight = $BODY.hasClass('footer_fixed') ? -10 : $FOOTER.height(),
+            leftColHeight = $LEFT_COL.eq(1).height() + $SIDEBAR_FOOTER.height(),
+            contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight;
+
+        // normalize content
+        contentHeight -= $NAV_MENU.height() + footerHeight;
+
+        $RIGHT_COL.css('min-height', contentHeight);
+    };
+
+    $SIDEBAR_MENU.find('a').on('click', function(ev) {
+        var $li = $(this).parent();
+
+        if ($li.is('.active')) {
+            $li.removeClass('active active-sm');
+            $('ul:first', $li).slideUp(function() {
+                setContentHeight();
+            });
+        } else {
+            // prevent closing menu if we are on child menu
+            if (!$li.parent().is('.child_menu')) {
+                $SIDEBAR_MENU.find('li').removeClass('active active-sm');
+                $SIDEBAR_MENU.find('li ul').slideUp();
+            }
+            
+            $li.addClass('active');
+
+            $('ul:first', $li).slideDown(function() {
+                setContentHeight();
+            });
+        }
+    });
+
+    // toggle small or large menu
+    $MENU_TOGGLE.on('click', function() {
+        if ($BODY.hasClass('nav-md')) {
+            $SIDEBAR_MENU.find('li.active ul').hide();
+            $SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
+        } else {
+            $SIDEBAR_MENU.find('li.active-sm ul').show();
+            $SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm');
+        }
+
+        $BODY.toggleClass('nav-md nav-sm');
+
+        setContentHeight();
+    });
+
+    // check active menu
+    $SIDEBAR_MENU.find('a[href="' + CURRENT_URL + '"]').parent('li').addClass('current-page');
+
+    $SIDEBAR_MENU.find('a').filter(function () {
+        return this.href == CURRENT_URL;
+    }).parent('li').addClass('current-page').parents('ul').slideDown(function() {
+        setContentHeight();
+    }).parent().addClass('active');
+
+    // recompute content when resizing
+    $(window).smartresize(function(){  
+        setContentHeight();
+    });
+
+    setContentHeight();
+
+    // fixed sidebar
+    if ($.fn.mCustomScrollbar) {
+        $('.menu_fixed').mCustomScrollbar({
+            autoHideScrollbar: true,
+            theme: 'minimal',
+            mouseWheel:{ preventDefault: true }
+        });
+    }
+});
+// /Sidebar
+
+// Panel toolbox
+$(document).ready(function() {
+    $('.collapse-link').on('click', function() {
+        var $BOX_PANEL = $(this).closest('.x_panel'),
+            $ICON = $(this).find('i'),
+            $BOX_CONTENT = $BOX_PANEL.find('.x_content');
+        
+        // fix for some div with hardcoded fix class
+        if ($BOX_PANEL.attr('style')) {
+            $BOX_CONTENT.slideToggle(200, function(){
+                $BOX_PANEL.removeAttr('style');
+            });
+        } else {
+            $BOX_CONTENT.slideToggle(200); 
+            $BOX_PANEL.css('height', 'auto');  
+        }
+
+        $ICON.toggleClass('fa-chevron-up fa-chevron-down');
+    });
+
+    $('.close-link').click(function () {
+        var $BOX_PANEL = $(this).closest('.x_panel');
+
+        $BOX_PANEL.remove();
+    });
+});
+// /Panel toolbox
+
+// Tooltip
+$(document).ready(function() {
+    $('[data-toggle="tooltip"]').tooltip({
+        container: 'body'
+    });
+});
+// /Tooltip
+
+// Progressbar
+if ($(".progress .progress-bar")[0]) {
+    $('.progress .progress-bar').progressbar();
+}
+// /Progressbar
+
+// Switchery
+$(document).ready(function() {
+    if ($(".js-switch")[0]) {
+        var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
+        elems.forEach(function (html) {
+            var switchery = new Switchery(html, {
+                color: '#26B99A'
+            });
+        });
+    }
+});
+// /Switchery
+
+/*
+// iCheck
+$(document).ready(function() {
+    if ($(".checkbox input")[0]) {
+        $(document).ready(function () {
+            $('.checkbox input').iCheck({
+                checkboxClass: 'icheckbox_flat-green',
+                radioClass: 'iradio_flat-green'
+            });
+        });
+    }
+});
+// /iCheck
+*/
+
+// Table
+/*
+$('table .checkbox-action').on('ifChecked', function () {
+    checkState = '';
+    $(this).parent().parent().parent().addClass('selected');
+    countChecked();
+});
+
+$('table .checkbox-action').on('ifUnchecked', function () {
+    checkState = '';
+    $(this).parent().parent().parent().removeClass('selected');
+    countChecked();
+});
+
+var checkState = '';
+
+$('.bulk_action .checkbox-action').on('ifChecked', function () {
+    checkState = '';
+    $(this).parent().parent().parent().addClass('selected');
+    countChecked();
+});
+$('.bulk_action .checkbox-action').on('ifUnchecked', function () {
+    checkState = '';
+    $(this).parent().parent().parent().removeClass('selected');
+    countChecked();
+});
+$('.bulk_action .checkbox-action#check-all').on('ifChecked', function () {
+    checkState = 'all';
+    countChecked();
+});
+$('.bulk_action .checkbox-action#check-all').on('ifUnchecked', function () {
+    checkState = 'none';
+    countChecked();
+});
+
+function countChecked() {
+    if (checkState === 'all') {
+        $(".bulk_action .checkbox-action[name='table_records']").iCheck('check');
+    }
+    if (checkState === 'none') {
+        $(".bulk_action .checkbox-action[name='table_records']").iCheck('uncheck');
+    }
+
+    var checkCount = $(".bulk_action .checkbox-action[name='table_records']:checked").length;
+
+    if (checkCount) {
+        $('.column-title').hide();
+        $('.bulk-actions').show();
+        $('.action-cnt').html(checkCount + ' Records Selected');
+    } else { 
+        $('.column-title').show();
+        $('.bulk-actions').hide();
+    }
+}
+*/
+
+
+// Accordion
+$(document).ready(function() {
+    $(".expand").on("click", function () {
+        $(this).next().slideToggle(200);
+        $expand = $(this).find(">:first-child");
+
+        if ($expand.text() == "+") {
+            $expand.text("-");
+        } else {
+            $expand.text("+");
+        }
+    });
+});
+
+// NProgress
+if (typeof NProgress != 'undefined') {
+    $(document).ready(function () {
+        NProgress.start();
+    });
+
+    $(window).load(function () {
+        NProgress.done();
+    });
+}

production/calendar.html

@@ -20,7 +20,7 @@
     <link href="../vendors/fullcalendar/dist/fullcalendar.print.css" rel="stylesheet" media="print">
 
     <!-- Custom styling plus plugins -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -163,7 +163,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -422,106 +422,7 @@
     <script src="../vendors/fullcalendar/dist/fullcalendar.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- FullCalendar -->
-    <script>
-      $(window).load(function() {
-        var date = new Date(),
-            d = date.getDate(),
-            m = date.getMonth(),
-            y = date.getFullYear(),
-            started,
-            categoryClass;
-
-        var calendar = $('#calendar').fullCalendar({
-          header: {
-            left: 'prev,next today',
-            center: 'title',
-            right: 'month,agendaWeek,agendaDay'
-          },
-          selectable: true,
-          selectHelper: true,
-          select: function(start, end, allDay) {
-            $('#fc_create').click();
-
-            started = start;
-            ended = end;
-
-            $(".antosubmit").on("click", function() {
-              var title = $("#title").val();
-              if (end) {
-                ended = end;
-              }
-
-              categoryClass = $("#event_type").val();
-
-              if (title) {
-                calendar.fullCalendar('renderEvent', {
-                    title: title,
-                    start: started,
-                    end: end,
-                    allDay: allDay
-                  },
-                  true // make the event "stick"
-                );
-              }
-
-              $('#title').val('');
-
-              calendar.fullCalendar('unselect');
-
-              $('.antoclose').click();
-
-              return false;
-            });
-          },
-          eventClick: function(calEvent, jsEvent, view) {
-            $('#fc_edit').click();
-            $('#title2').val(calEvent.title);
-
-            categoryClass = $("#event_type").val();
-
-            $(".antosubmit2").on("click", function() {
-              calEvent.title = $("#title2").val();
-
-              calendar.fullCalendar('updateEvent', calEvent);
-              $('.antoclose2').click();
-            });
-
-            calendar.fullCalendar('unselect');
-          },
-          editable: true,
-          events: [{
-            title: 'All Day Event',
-            start: new Date(y, m, 1)
-          }, {
-            title: 'Long Event',
-            start: new Date(y, m, d - 5),
-            end: new Date(y, m, d - 2)
-          }, {
-            title: 'Meeting',
-            start: new Date(y, m, d, 10, 30),
-            allDay: false
-          }, {
-            title: 'Lunch',
-            start: new Date(y, m, d + 14, 12, 0),
-            end: new Date(y, m, d, 14, 0),
-            allDay: false
-          }, {
-            title: 'Birthday Party',
-            start: new Date(y, m, d + 1, 19, 0),
-            end: new Date(y, m, d + 1, 22, 30),
-            allDay: false
-          }, {
-            title: 'Click for Google',
-            start: new Date(y, m, 28),
-            end: new Date(y, m, 29),
-            url: 'http://google.com/'
-          }]
-        });
-      });
-    </script>
-    <!-- /FullCalendar -->
   </body>
 </html>

production/chartjs.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -481,204 +481,7 @@
     <script src="../vendors/Chart.js/dist/Chart.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- Chart.js -->
-    <script>
-      Chart.defaults.global.legend = {
-        enabled: false
-      };
-
-      // Line chart
-      var ctx = document.getElementById("lineChart");
-      var lineChart = new Chart(ctx, {
-        type: 'line',
-        data: {
-          labels: ["January", "February", "March", "April", "May", "June", "July"],
-          datasets: [{
-            label: "My First dataset",
-            backgroundColor: "rgba(38, 185, 154, 0.31)",
-            borderColor: "rgba(38, 185, 154, 0.7)",
-            pointBorderColor: "rgba(38, 185, 154, 0.7)",
-            pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
-            pointHoverBackgroundColor: "#fff",
-            pointHoverBorderColor: "rgba(220,220,220,1)",
-            pointBorderWidth: 1,
-            data: [31, 74, 6, 39, 20, 85, 7]
-          }, {
-            label: "My Second dataset",
-            backgroundColor: "rgba(3, 88, 106, 0.3)",
-            borderColor: "rgba(3, 88, 106, 0.70)",
-            pointBorderColor: "rgba(3, 88, 106, 0.70)",
-            pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
-            pointHoverBackgroundColor: "#fff",
-            pointHoverBorderColor: "rgba(151,187,205,1)",
-            pointBorderWidth: 1,
-            data: [82, 23, 66, 9, 99, 4, 2]
-          }]
-        },
-      });
-
-      // Bar chart
-      var ctx = document.getElementById("mybarChart");
-      var mybarChart = new Chart(ctx, {
-        type: 'bar',
-        data: {
-          labels: ["January", "February", "March", "April", "May", "June", "July"],
-          datasets: [{
-            label: '# of Votes',
-            backgroundColor: "#26B99A",
-            data: [51, 30, 40, 28, 92, 50, 45]
-          }, {
-            label: '# of Votes',
-            backgroundColor: "#03586A",
-            data: [41, 56, 25, 48, 72, 34, 12]
-          }]
-        },
-
-        options: {
-          scales: {
-            yAxes: [{
-              ticks: {
-                beginAtZero: true
-              }
-            }]
-          }
-        }
-      });
-
-      // Doughnut chart
-      var ctx = document.getElementById("canvasDoughnut");
-      var data = {
-        labels: [
-          "Dark Grey",
-          "Purple Color",
-          "Gray Color",
-          "Green Color",
-          "Blue Color"
-        ],
-        datasets: [{
-          data: [120, 50, 140, 180, 100],
-          backgroundColor: [
-            "#455C73",
-            "#9B59B6",
-            "#BDC3C7",
-            "#26B99A",
-            "#3498DB"
-          ],
-          hoverBackgroundColor: [
-            "#34495E",
-            "#B370CF",
-            "#CFD4D8",
-            "#36CAAB",
-            "#49A9EA"
-          ]
-
-        }]
-      };
-
-      var canvasDoughnut = new Chart(ctx, {
-        type: 'doughnut',
-        tooltipFillColor: "rgba(51, 51, 51, 0.55)",
-        data: data
-      });
-
-      // Radar chart
-      var ctx = document.getElementById("canvasRadar");
-      var data = {
-        labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
-        datasets: [{
-          label: "My First dataset",
-          backgroundColor: "rgba(3, 88, 106, 0.2)",
-          borderColor: "rgba(3, 88, 106, 0.80)",
-          pointBorderColor: "rgba(3, 88, 106, 0.80)",
-          pointBackgroundColor: "rgba(3, 88, 106, 0.80)",
-          pointHoverBackgroundColor: "#fff",
-          pointHoverBorderColor: "rgba(220,220,220,1)",
-          data: [65, 59, 90, 81, 56, 55, 40]
-        }, {
-          label: "My Second dataset",
-          backgroundColor: "rgba(38, 185, 154, 0.2)",
-          borderColor: "rgba(38, 185, 154, 0.85)",
-          pointColor: "rgba(38, 185, 154, 0.85)",
-          pointStrokeColor: "#fff",
-          pointHighlightFill: "#fff",
-          pointHighlightStroke: "rgba(151,187,205,1)",
-          data: [28, 48, 40, 19, 96, 27, 100]
-        }]
-      };
-
-      var canvasRadar = new Chart(ctx, {
-        type: 'radar',
-        data: data,
-      });
-
-      // Pie chart
-      var ctx = document.getElementById("pieChart");
-      var data = {
-        datasets: [{
-          data: [120, 50, 140, 180, 100],
-          backgroundColor: [
-            "#455C73",
-            "#9B59B6",
-            "#BDC3C7",
-            "#26B99A",
-            "#3498DB"
-          ],
-          label: 'My dataset' // for legend
-        }],
-        labels: [
-          "Dark Gray",
-          "Purple",
-          "Gray",
-          "Green",
-          "Blue"
-        ]
-      };
-
-      var pieChart = new Chart(ctx, {
-        data: data,
-        type: 'pie',
-        otpions: {
-          legend: false
-        }
-      });
-
-      // PolarArea chart
-      var ctx = document.getElementById("polarArea");
-      var data = {
-        datasets: [{
-          data: [120, 50, 140, 180, 100],
-          backgroundColor: [
-            "#455C73",
-            "#9B59B6",
-            "#BDC3C7",
-            "#26B99A",
-            "#3498DB"
-          ],
-          label: 'My dataset'
-        }],
-        labels: [
-          "Dark Gray",
-          "Purple",
-          "Gray",
-          "Green",
-          "Blue"
-        ]
-      };
-
-      var polarArea = new Chart(ctx, {
-        data: data,
-        type: 'polarArea',
-        options: {
-          scale: {
-            ticks: {
-              beginAtZero: true
-            }
-          }
-        }
-      });
-    </script>
-    <!-- /Chart.js -->
   </body>
 </html>

production/chartjs2.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -479,204 +479,7 @@
     <script src="../vendors/Chart.js/dist/Chart.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- Chart.js -->
-    <script>
-      Chart.defaults.global.legend = {
-        enabled: false
-      };
-
-      // Line chart
-      var ctx = document.getElementById("lineChart");
-      var lineChart = new Chart(ctx, {
-        type: 'line',
-        data: {
-          labels: ["January", "February", "March", "April", "May", "June", "July"],
-          datasets: [{
-            label: "My First dataset",
-            backgroundColor: "rgba(38, 185, 154, 0.31)",
-            borderColor: "rgba(38, 185, 154, 0.7)",
-            pointBorderColor: "rgba(38, 185, 154, 0.7)",
-            pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
-            pointHoverBackgroundColor: "#fff",
-            pointHoverBorderColor: "rgba(220,220,220,1)",
-            pointBorderWidth: 1,
-            data: [31, 74, 6, 39, 20, 85, 7]
-          }, {
-            label: "My Second dataset",
-            backgroundColor: "rgba(3, 88, 106, 0.3)",
-            borderColor: "rgba(3, 88, 106, 0.70)",
-            pointBorderColor: "rgba(3, 88, 106, 0.70)",
-            pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
-            pointHoverBackgroundColor: "#fff",
-            pointHoverBorderColor: "rgba(151,187,205,1)",
-            pointBorderWidth: 1,
-            data: [82, 23, 66, 9, 99, 4, 2]
-          }]
-        },
-      });
-
-      // Bar chart
-      var ctx = document.getElementById("mybarChart");
-      var mybarChart = new Chart(ctx, {
-        type: 'bar',
-        data: {
-          labels: ["January", "February", "March", "April", "May", "June", "July"],
-          datasets: [{
-            label: '# of Votes',
-            backgroundColor: "#26B99A",
-            data: [51, 30, 40, 28, 92, 50, 45]
-          }, {
-            label: '# of Votes',
-            backgroundColor: "#03586A",
-            data: [41, 56, 25, 48, 72, 34, 12]
-          }]
-        },
-
-        options: {
-          scales: {
-            yAxes: [{
-              ticks: {
-                beginAtZero: true
-              }
-            }]
-          }
-        }
-      });
-
-      // Doughnut chart
-      var ctx = document.getElementById("canvasDoughnut");
-      var data = {
-        labels: [
-          "Dark Grey",
-          "Purple Color",
-          "Gray Color",
-          "Green Color",
-          "Blue Color"
-        ],
-        datasets: [{
-          data: [120, 50, 140, 180, 100],
-          backgroundColor: [
-            "#455C73",
-            "#9B59B6",
-            "#BDC3C7",
-            "#26B99A",
-            "#3498DB"
-          ],
-          hoverBackgroundColor: [
-            "#34495E",
-            "#B370CF",
-            "#CFD4D8",
-            "#36CAAB",
-            "#49A9EA"
-          ]
-
-        }]
-      };
-
-      var canvasDoughnut = new Chart(ctx, {
-        type: 'doughnut',
-        tooltipFillColor: "rgba(51, 51, 51, 0.55)",
-        data: data
-      });
-
-      // Radar chart
-      var ctx = document.getElementById("canvasRadar");
-      var data = {
-        labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
-        datasets: [{
-          label: "My First dataset",
-          backgroundColor: "rgba(3, 88, 106, 0.2)",
-          borderColor: "rgba(3, 88, 106, 0.80)",
-          pointBorderColor: "rgba(3, 88, 106, 0.80)",
-          pointBackgroundColor: "rgba(3, 88, 106, 0.80)",
-          pointHoverBackgroundColor: "#fff",
-          pointHoverBorderColor: "rgba(220,220,220,1)",
-          data: [65, 59, 90, 81, 56, 55, 40]
-        }, {
-          label: "My Second dataset",
-          backgroundColor: "rgba(38, 185, 154, 0.2)",
-          borderColor: "rgba(38, 185, 154, 0.85)",
-          pointColor: "rgba(38, 185, 154, 0.85)",
-          pointStrokeColor: "#fff",
-          pointHighlightFill: "#fff",
-          pointHighlightStroke: "rgba(151,187,205,1)",
-          data: [28, 48, 40, 19, 96, 27, 100]
-        }]
-      };
-
-      var canvasRadar = new Chart(ctx, {
-        type: 'radar',
-        data: data,
-      });
-
-      // Pie chart
-      var ctx = document.getElementById("pieChart");
-      var data = {
-        datasets: [{
-          data: [120, 50, 140, 180, 100],
-          backgroundColor: [
-            "#455C73",
-            "#9B59B6",
-            "#BDC3C7",
-            "#26B99A",
-            "#3498DB"
-          ],
-          label: 'My dataset' // for legend
-        }],
-        labels: [
-          "Dark Gray",
-          "Purple",
-          "Gray",
-          "Green",
-          "Blue"
-        ]
-      };
-
-      var pieChart = new Chart(ctx, {
-        data: data,
-        type: 'pie',
-        otpions: {
-          legend: false
-        }
-      });
-
-      // PolarArea chart
-      var ctx = document.getElementById("polarArea");
-      var data = {
-        datasets: [{
-          data: [120, 50, 140, 180, 100],
-          backgroundColor: [
-            "#455C73",
-            "#9B59B6",
-            "#BDC3C7",
-            "#26B99A",
-            "#3498DB"
-          ],
-          label: 'My dataset' // for legend
-        }],
-        labels: [
-          "Dark Gray",
-          "Purple",
-          "Gray",
-          "Green",
-          "Blue"
-        ]
-      };
-
-      var polarArea = new Chart(ctx, {
-        data: data,
-        type: 'polarArea',
-        options: {
-          scale: {
-            ticks: {
-              beginAtZero: true
-            }
-          }
-        }
-      });
-    </script>
-    <!-- /Chart.js -->
   </body>
 </html>

production/contacts.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -680,6 +680,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/e_commerce.html

@@ -19,7 +19,7 @@
     <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -470,6 +470,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/fixed_footer.html

@@ -19,7 +19,7 @@
     <link href="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css" rel="stylesheet"/>
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md footer_fixed">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -303,6 +303,6 @@
     <script src="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/fixed_sidebar.html

@@ -19,7 +19,7 @@
     <link href="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css" rel="stylesheet"/>
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -302,6 +302,6 @@
     <script src="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/form.html

@@ -7,8 +7,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
+	
     <title>Gentelella Alela! | </title>
 
+
+    <title>Gentelella Alela! | </title>
+
+
     <!-- Bootstrap -->
     <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
     <!-- Font Awesome -->
@@ -29,7 +34,7 @@
     <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -172,7 +177,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -366,7 +371,8 @@
                       <div class="ln_solid"></div>
                       <div class="form-group">
                         <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
-                          <button type="submit" class="btn btn-primary">Cancel</button>
+                          <button class="btn btn-primary" type="button">Cancel</button>
+						  <button class="btn btn-primary" type="reset">Reset</button>
                           <button type="submit" class="btn btn-success">Submit</button>
                         </div>
                       </div>
@@ -451,7 +457,8 @@
                       <div class="ln_solid"></div>
                       <div class="form-group">
                         <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
-                          <button type="submit" class="btn btn-primary">Cancel</button>
+                          <button type="button" class="btn btn-primary">Cancel</button>
+						   <button class="btn btn-primary" type="reset">Reset</button>
                           <button type="submit" class="btn btn-success">Submit</button>
                         </div>
                       </div>
@@ -876,7 +883,8 @@
                       <div class="ln_solid"></div>
                       <div class="form-group">
                         <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
-                          <button type="submit" class="btn btn-primary">Cancel</button>
+                          <button type="button" class="btn btn-primary">Cancel</button>
+                          <button type="reset" class="btn btn-primary">Reset</button>
                           <button type="submit" class="btn btn-success">Submit</button>
                         </div>
                       </div>
@@ -992,7 +1000,7 @@
                 </div>
                 <div class="x_content">
                   <div id="alerts"></div>
-                  <div class="btn-toolbar editor" data-role="editor-toolbar" data-target="#editor">
+                  <div class="btn-toolbar editor" data-role="editor-toolbar" data-target="#editor-one">
                     <div class="btn-group">
                       <a class="btn dropdown-toggle" data-toggle="dropdown" title="Font"><i class="fa fa-font"></i><b class="caret"></b></a>
                       <ul class="dropdown-menu">
@@ -1061,7 +1069,7 @@
                     </div>
                   </div>
 
-                  <div id="editor" class="editor-wrapper"></div>
+                  <div id="editor-one" class="editor-wrapper"></div>
 
                   <textarea name="descr" id="descr" style="display:none;"></textarea>
                   
@@ -1357,220 +1365,8 @@
     <script src="../vendors/devbridge-autocomplete/dist/jquery.autocomplete.min.js"></script>
     <!-- starrr -->
     <script src="../vendors/starrr/dist/starrr.js"></script>
-
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- bootstrap-daterangepicker -->
-    <script>
-      $(document).ready(function() {
-        $('#birthday').daterangepicker({
-          singleDatePicker: true,
-          calender_style: "picker_4"
-        }, function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-        });
-      });
-    </script>
-    <!-- /bootstrap-daterangepicker -->
-
-    <!-- bootstrap-wysiwyg -->
-    <script>
-      $(document).ready(function() {
-        function initToolbarBootstrapBindings() {
-          var fonts = ['Serif', 'Sans', 'Arial', 'Arial Black', 'Courier',
-              'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times',
-              'Times New Roman', 'Verdana'
-            ],
-            fontTarget = $('[title=Font]').siblings('.dropdown-menu');
-          $.each(fonts, function(idx, fontName) {
-            fontTarget.append($('<li><a data-edit="fontName ' + fontName + '" style="font-family:\'' + fontName + '\'">' + fontName + '</a></li>'));
-          });
-          $('a[title]').tooltip({
-            container: 'body'
-          });
-          $('.dropdown-menu input').click(function() {
-              return false;
-            })
-            .change(function() {
-              $(this).parent('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle');
-            })
-            .keydown('esc', function() {
-              this.value = '';
-              $(this).change();
-            });
-
-          $('[data-role=magic-overlay]').each(function() {
-            var overlay = $(this),
-              target = $(overlay.data('target'));
-            overlay.css('opacity', 0).css('position', 'absolute').offset(target.offset()).width(target.outerWidth()).height(target.outerHeight());
-          });
-
-          if ("onwebkitspeechchange" in document.createElement("input")) {
-            var editorOffset = $('#editor').offset();
-
-            $('.voiceBtn').css('position', 'absolute').offset({
-              top: editorOffset.top,
-              left: editorOffset.left + $('#editor').innerWidth() - 35
-            });
-          } else {
-            $('.voiceBtn').hide();
-          }
-        }
-
-        function showErrorAlert(reason, detail) {
-          var msg = '';
-          if (reason === 'unsupported-file-type') {
-            msg = "Unsupported format " + detail;
-          } else {
-            console.log("error uploading file", reason, detail);
-          }
-          $('<div class="alert"> <button type="button" class="close" data-dismiss="alert">&times;</button>' +
-            '<strong>File upload error</strong> ' + msg + ' </div>').prependTo('#alerts');
-        }
-
-        initToolbarBootstrapBindings();
-
-        $('#editor').wysiwyg({
-          fileUploadError: showErrorAlert
-        });
-
-        window.prettyPrint;
-        prettyPrint();
-      });
-    </script>
-    <!-- /bootstrap-wysiwyg -->
-
-    <!-- Select2 -->
-    <script>
-      $(document).ready(function() {
-        $(".select2_single").select2({
-          placeholder: "Select a state",
-          allowClear: true
-        });
-        $(".select2_group").select2({});
-        $(".select2_multiple").select2({
-          maximumSelectionLength: 4,
-          placeholder: "With Max Selection limit 4",
-          allowClear: true
-        });
-      });
-    </script>
-    <!-- /Select2 -->
-
-    <!-- jQuery Tags Input -->
-    <script>
-      function onAddTag(tag) {
-        alert("Added a tag: " + tag);
-      }
-
-      function onRemoveTag(tag) {
-        alert("Removed a tag: " + tag);
-      }
-
-      function onChangeTag(input, tag) {
-        alert("Changed a tag: " + tag);
-      }
-
-      $(document).ready(function() {
-        $('#tags_1').tagsInput({
-          width: 'auto'
-        });
-      });
-    </script>
-    <!-- /jQuery Tags Input -->
-
-    <!-- Parsley -->
-    <script>
-      $(document).ready(function() {
-        $.listen('parsley:field:validate', function() {
-          validateFront();
-        });
-        $('#demo-form .btn').on('click', function() {
-          $('#demo-form').parsley().validate();
-          validateFront();
-        });
-        var validateFront = function() {
-          if (true === $('#demo-form').parsley().isValid()) {
-            $('.bs-callout-info').removeClass('hidden');
-            $('.bs-callout-warning').addClass('hidden');
-          } else {
-            $('.bs-callout-info').addClass('hidden');
-            $('.bs-callout-warning').removeClass('hidden');
-          }
-        };
-      });
-
-      $(document).ready(function() {
-        $.listen('parsley:field:validate', function() {
-          validateFront();
-        });
-        $('#demo-form2 .btn').on('click', function() {
-          $('#demo-form2').parsley().validate();
-          validateFront();
-        });
-        var validateFront = function() {
-          if (true === $('#demo-form2').parsley().isValid()) {
-            $('.bs-callout-info').removeClass('hidden');
-            $('.bs-callout-warning').addClass('hidden');
-          } else {
-            $('.bs-callout-info').addClass('hidden');
-            $('.bs-callout-warning').removeClass('hidden');
-          }
-        };
-      });
-      try {
-        hljs.initHighlightingOnLoad();
-      } catch (err) {}
-    </script>
-    <!-- /Parsley -->
-
-    <!-- Autosize -->
-    <script>
-      $(document).ready(function() {
-        autosize($('.resizable_textarea'));
-      });
-    </script>
-    <!-- /Autosize -->
-
-    <!-- jQuery autocomplete -->
-    <script>
-      $(document).ready(function() {
-        var countries = { AD:"Andorra",A2:"Andorra Test",AE:"United Arab Emirates",AF:"Afghanistan",AG:"Antigua and Barbuda",AI:"Anguilla",AL:"Albania",AM:"Armenia",AN:"Netherlands Antilles",AO:"Angola",AQ:"Antarctica",AR:"Argentina",AS:"American Samoa",AT:"Austria",AU:"Australia",AW:"Aruba",AX:"Åland Islands",AZ:"Azerbaijan",BA:"Bosnia and Herzegovina",BB:"Barbados",BD:"Bangladesh",BE:"Belgium",BF:"Burkina Faso",BG:"Bulgaria",BH:"Bahrain",BI:"Burundi",BJ:"Benin",BL:"Saint Barthélemy",BM:"Bermuda",BN:"Brunei",BO:"Bolivia",BQ:"British Antarctic Territory",BR:"Brazil",BS:"Bahamas",BT:"Bhutan",BV:"Bouvet Island",BW:"Botswana",BY:"Belarus",BZ:"Belize",CA:"Canada",CC:"Cocos [Keeling] Islands",CD:"Congo - Kinshasa",CF:"Central African Republic",CG:"Congo - Brazzaville",CH:"Switzerland",CI:"Côte d’Ivoire",CK:"Cook Islands",CL:"Chile",CM:"Cameroon",CN:"China",CO:"Colombia",CR:"Costa Rica",CS:"Serbia and Montenegro",CT:"Canton and Enderbury Islands",CU:"Cuba",CV:"Cape Verde",CX:"Christmas Island",CY:"Cyprus",CZ:"Czech Republic",DD:"East Germany",DE:"Germany",DJ:"Djibouti",DK:"Denmark",DM:"Dominica",DO:"Dominican Republic",DZ:"Algeria",EC:"Ecuador",EE:"Estonia",EG:"Egypt",EH:"Western Sahara",ER:"Eritrea",ES:"Spain",ET:"Ethiopia",FI:"Finland",FJ:"Fiji",FK:"Falkland Islands",FM:"Micronesia",FO:"Faroe Islands",FQ:"French Southern and Antarctic Territories",FR:"France",FX:"Metropolitan France",GA:"Gabon",GB:"United Kingdom",GD:"Grenada",GE:"Georgia",GF:"French Guiana",GG:"Guernsey",GH:"Ghana",GI:"Gibraltar",GL:"Greenland",GM:"Gambia",GN:"Guinea",GP:"Guadeloupe",GQ:"Equatorial Guinea",GR:"Greece",GS:"South Georgia and the South Sandwich Islands",GT:"Guatemala",GU:"Guam",GW:"Guinea-Bissau",GY:"Guyana",HK:"Hong Kong SAR China",HM:"Heard Island and McDonald Islands",HN:"Honduras",HR:"Croatia",HT:"Haiti",HU:"Hungary",ID:"Indonesia",IE:"Ireland",IL:"Israel",IM:"Isle of Man",IN:"India",IO:"British Indian Ocean Territory",IQ:"Iraq",IR:"Iran",IS:"Iceland",IT:"Italy",JE:"Jersey",JM:"Jamaica",JO:"Jordan",JP:"Japan",JT:"Johnston Island",KE:"Kenya",KG:"Kyrgyzstan",KH:"Cambodia",KI:"Kiribati",KM:"Comoros",KN:"Saint Kitts and Nevis",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KY:"Cayman Islands",KZ:"Kazakhstan",LA:"Laos",LB:"Lebanon",LC:"Saint Lucia",LI:"Liechtenstein",LK:"Sri Lanka",LR:"Liberia",LS:"Lesotho",LT:"Lithuania",LU:"Luxembourg",LV:"Latvia",LY:"Libya",MA:"Morocco",MC:"Monaco",MD:"Moldova",ME:"Montenegro",MF:"Saint Martin",MG:"Madagascar",MH:"Marshall Islands",MI:"Midway Islands",MK:"Macedonia",ML:"Mali",MM:"Myanmar [Burma]",MN:"Mongolia",MO:"Macau SAR China",MP:"Northern Mariana Islands",MQ:"Martinique",MR:"Mauritania",MS:"Montserrat",MT:"Malta",MU:"Mauritius",MV:"Maldives",MW:"Malawi",MX:"Mexico",MY:"Malaysia",MZ:"Mozambique",NA:"Namibia",NC:"New Caledonia",NE:"Niger",NF:"Norfolk Island",NG:"Nigeria",NI:"Nicaragua",NL:"Netherlands",NO:"Norway",NP:"Nepal",NQ:"Dronning Maud Land",NR:"Nauru",NT:"Neutral Zone",NU:"Niue",NZ:"New Zealand",OM:"Oman",PA:"Panama",PC:"Pacific Islands Trust Territory",PE:"Peru",PF:"French Polynesia",PG:"Papua New Guinea",PH:"Philippines",PK:"Pakistan",PL:"Poland",PM:"Saint Pierre and Miquelon",PN:"Pitcairn Islands",PR:"Puerto Rico",PS:"Palestinian Territories",PT:"Portugal",PU:"U.S. Miscellaneous Pacific Islands",PW:"Palau",PY:"Paraguay",PZ:"Panama Canal Zone",QA:"Qatar",RE:"Réunion",RO:"Romania",RS:"Serbia",RU:"Russia",RW:"Rwanda",SA:"Saudi Arabia",SB:"Solomon Islands",SC:"Seychelles",SD:"Sudan",SE:"Sweden",SG:"Singapore",SH:"Saint Helena",SI:"Slovenia",SJ:"Svalbard and Jan Mayen",SK:"Slovakia",SL:"Sierra Leone",SM:"San Marino",SN:"Senegal",SO:"Somalia",SR:"Suriname",ST:"São Tomé and Príncipe",SU:"Union of Soviet Socialist Republics",SV:"El Salvador",SY:"Syria",SZ:"Swaziland",TC:"Turks and Caicos Islands",TD:"Chad",TF:"French Southern Territories",TG:"Togo",TH:"Thailand",TJ:"Tajikistan",TK:"Tokelau",TL:"Timor-Leste",TM:"Turkmenistan",TN:"Tunisia",TO:"Tonga",TR:"Turkey",TT:"Trinidad and Tobago",TV:"Tuvalu",TW:"Taiwan",TZ:"Tanzania",UA:"Ukraine",UG:"Uganda",UM:"U.S. Minor Outlying Islands",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VA:"Vatican City",VC:"Saint Vincent and the Grenadines",VD:"North Vietnam",VE:"Venezuela",VG:"British Virgin Islands",VI:"U.S. Virgin Islands",VN:"Vietnam",VU:"Vanuatu",WF:"Wallis and Futuna",WK:"Wake Island",WS:"Samoa",YD:"People's Democratic Republic of Yemen",YE:"Yemen",YT:"Mayotte",ZA:"South Africa",ZM:"Zambia",ZW:"Zimbabwe",ZZ:"Unknown or Invalid Region" };
-
-        var countriesArray = $.map(countries, function(value, key) {
-          return {
-            value: value,
-            data: key
-          };
-        });
-
-        // initialize autocomplete with custom appendTo
-        $('#autocomplete-custom-append').autocomplete({
-          lookup: countriesArray
-        });
-      });
-    </script>
-    <!-- /jQuery autocomplete -->
-
-    <!-- Starrr -->
-    <script>
-      $(document).ready(function() {
-        $(".stars").starrr();
-
-        $('.stars-existing').starrr({
-          rating: 4
-        });
-
-        $('.stars').on('starrr:change', function (e, value) {
-          $('.stars-count').html(value);
-        });
-
-        $('.stars-existing').on('starrr:change', function (e, value) {
-          $('.stars-count-existing').html(value);
-        });
-      });
-    </script>
-    <!-- /Starrr -->
   </body>
 </html>

production/form_advanced.html

@@ -27,7 +27,7 @@
     <link href="../vendors/cropper/dist/cropper.min.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -170,7 +170,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -1223,628 +1223,7 @@
     <script src="../vendors/cropper/dist/cropper.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- bootstrap-daterangepicker -->
-    <script>
-      $(document).ready(function() {
-        var cb = function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-          $('#reportrange_right span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
-        };
-
-        var optionSet1 = {
-          startDate: moment().subtract(29, 'days'),
-          endDate: moment(),
-          minDate: '01/01/2012',
-          maxDate: '12/31/2020',
-          dateLimit: {
-            days: 60
-          },
-          showDropdowns: true,
-          showWeekNumbers: true,
-          timePicker: false,
-          timePickerIncrement: 1,
-          timePicker12Hour: true,
-          ranges: {
-            'Today': [moment(), moment()],
-            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-            'This Month': [moment().startOf('month'), moment().endOf('month')],
-            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
-          },
-          opens: 'right',
-          buttonClasses: ['btn btn-default'],
-          applyClass: 'btn-small btn-primary',
-          cancelClass: 'btn-small',
-          format: 'MM/DD/YYYY',
-          separator: ' to ',
-          locale: {
-            applyLabel: 'Submit',
-            cancelLabel: 'Clear',
-            fromLabel: 'From',
-            toLabel: 'To',
-            customRangeLabel: 'Custom',
-            daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
-            monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-            firstDay: 1
-          }
-        };
-
-        $('#reportrange_right span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
-
-        $('#reportrange_right').daterangepicker(optionSet1, cb);
-
-        $('#reportrange_right').on('show.daterangepicker', function() {
-          console.log("show event fired");
-        });
-        $('#reportrange_right').on('hide.daterangepicker', function() {
-          console.log("hide event fired");
-        });
-        $('#reportrange_right').on('apply.daterangepicker', function(ev, picker) {
-          console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
-        });
-        $('#reportrange_right').on('cancel.daterangepicker', function(ev, picker) {
-          console.log("cancel event fired");
-        });
-
-        $('#options1').click(function() {
-          $('#reportrange_right').data('daterangepicker').setOptions(optionSet1, cb);
-        });
-
-        $('#options2').click(function() {
-          $('#reportrange_right').data('daterangepicker').setOptions(optionSet2, cb);
-        });
-
-        $('#destroy').click(function() {
-          $('#reportrange_right').data('daterangepicker').remove();
-        });
-
-      });
-    </script>
-
-    <script>
-      $(document).ready(function() {
-        var cb = function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-          $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
-        };
-
-        var optionSet1 = {
-          startDate: moment().subtract(29, 'days'),
-          endDate: moment(),
-          minDate: '01/01/2012',
-          maxDate: '12/31/2020',
-          dateLimit: {
-            days: 60
-          },
-          showDropdowns: true,
-          showWeekNumbers: true,
-          timePicker: false,
-          timePickerIncrement: 1,
-          timePicker12Hour: true,
-          ranges: {
-            'Today': [moment(), moment()],
-            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-            'This Month': [moment().startOf('month'), moment().endOf('month')],
-            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
-          },
-          opens: 'left',
-          buttonClasses: ['btn btn-default'],
-          applyClass: 'btn-small btn-primary',
-          cancelClass: 'btn-small',
-          format: 'MM/DD/YYYY',
-          separator: ' to ',
-          locale: {
-            applyLabel: 'Submit',
-            cancelLabel: 'Clear',
-            fromLabel: 'From',
-            toLabel: 'To',
-            customRangeLabel: 'Custom',
-            daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
-            monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-            firstDay: 1
-          }
-        };
-        $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
-        $('#reportrange').daterangepicker(optionSet1, cb);
-        $('#reportrange').on('show.daterangepicker', function() {
-          console.log("show event fired");
-        });
-        $('#reportrange').on('hide.daterangepicker', function() {
-          console.log("hide event fired");
-        });
-        $('#reportrange').on('apply.daterangepicker', function(ev, picker) {
-          console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
-        });
-        $('#reportrange').on('cancel.daterangepicker', function(ev, picker) {
-          console.log("cancel event fired");
-        });
-        $('#options1').click(function() {
-          $('#reportrange').data('daterangepicker').setOptions(optionSet1, cb);
-        });
-        $('#options2').click(function() {
-          $('#reportrange').data('daterangepicker').setOptions(optionSet2, cb);
-        });
-        $('#destroy').click(function() {
-          $('#reportrange').data('daterangepicker').remove();
-        });
-      });
-    </script>
-
-    <script>
-      $(document).ready(function() {
-        $('#single_cal1').daterangepicker({
-          singleDatePicker: true,
-          singleClasses: "picker_1"
-        }, function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-        });
-        $('#single_cal2').daterangepicker({
-          singleDatePicker: true,
-          singleClasses: "picker_2"
-        }, function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-        });
-        $('#single_cal3').daterangepicker({
-          singleDatePicker: true,
-          singleClasses: "picker_3"
-        }, function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-        });
-        $('#single_cal4').daterangepicker({
-          singleDatePicker: true,
-          singleClasses: "picker_4"
-        }, function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-        });
-      });
-    </script>
-
-    <script>
-      $(document).ready(function() {
-        $('#reservation').daterangepicker(null, function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-        });
-
-        $('#reservation-time').daterangepicker({
-          timePicker: true,
-          timePickerIncrement: 30,
-          locale: {
-            format: 'MM/DD/YYYY h:mm A'
-          }
-        });
-      });
-    </script>
-    <!-- /bootstrap-daterangepicker -->
-
-    <!-- Ion.RangeSlider -->
-    <script>
-      $(document).ready(function() {
-        $("#range_27").ionRangeSlider({
-          type: "double",
-          min: 1000000,
-          max: 2000000,
-          grid: true,
-          force_edges: true
-        });
-        $("#range").ionRangeSlider({
-          hide_min_max: true,
-          keyboard: true,
-          min: 0,
-          max: 5000,
-          from: 1000,
-          to: 4000,
-          type: 'double',
-          step: 1,
-          prefix: "$",
-          grid: true
-        });
-        $("#range_25").ionRangeSlider({
-          type: "double",
-          min: 1000000,
-          max: 2000000,
-          grid: true
-        });
-        $("#range_26").ionRangeSlider({
-          type: "double",
-          min: 0,
-          max: 10000,
-          step: 500,
-          grid: true,
-          grid_snap: true
-        });
-        $("#range_31").ionRangeSlider({
-          type: "double",
-          min: 0,
-          max: 100,
-          from: 30,
-          to: 70,
-          from_fixed: true
-        });
-        $(".range_min_max").ionRangeSlider({
-          type: "double",
-          min: 0,
-          max: 100,
-          from: 30,
-          to: 70,
-          max_interval: 50
-        });
-        $(".range_time24").ionRangeSlider({
-          min: +moment().subtract(12, "hours").format("X"),
-          max: +moment().format("X"),
-          from: +moment().subtract(6, "hours").format("X"),
-          grid: true,
-          force_edges: true,
-          prettify: function(num) {
-            var m = moment(num, "X");
-            return m.format("Do MMMM, HH:mm");
-          }
-        });
-      });
-    </script>
-    <!-- /Ion.RangeSlider -->
-
-    <!-- Bootstrap Colorpicker -->
-    <script>
-      $(document).ready(function() {
-        $('.demo1').colorpicker();
-        $('.demo2').colorpicker();
-
-        $('#demo_forceformat').colorpicker({
-            format: 'rgba',
-            horizontal: true
-        });
-
-        $('#demo_forceformat3').colorpicker({
-            format: 'rgba',
-        });
-
-        $('.demo-auto').colorpicker();
-      });
-    </script>
-    <!-- /Bootstrap Colorpicker -->
-
-    <!-- jquery.inputmask -->
-    <script>
-      $(document).ready(function() {
-        $(":input").inputmask();
-      });
-    </script>
-    <!-- /jquery.inputmask -->
-
-    <!-- jQuery Knob -->
-    <script>
-      $(function($) {
-
-        $(".knob").knob({
-          change: function(value) {
-            //console.log("change : " + value);
-          },
-          release: function(value) {
-            //console.log(this.$.attr('value'));
-            console.log("release : " + value);
-          },
-          cancel: function() {
-            console.log("cancel : ", this);
-          },
-          /*format : function (value) {
-           return value + '%';
-           },*/
-          draw: function() {
-
-            // "tron" case
-            if (this.$.data('skin') == 'tron') {
-
-              this.cursorExt = 0.3;
-
-              var a = this.arc(this.cv) // Arc
-                ,
-                pa // Previous arc
-                , r = 1;
-
-              this.g.lineWidth = this.lineWidth;
-
-              if (this.o.displayPrevious) {
-                pa = this.arc(this.v);
-                this.g.beginPath();
-                this.g.strokeStyle = this.pColor;
-                this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
-                this.g.stroke();
-              }
-
-              this.g.beginPath();
-              this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
-              this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
-              this.g.stroke();
-
-              this.g.lineWidth = 2;
-              this.g.beginPath();
-              this.g.strokeStyle = this.o.fgColor;
-              this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
-              this.g.stroke();
-
-              return false;
-            }
-          }
-        });
-
-        // Example of infinite knob, iPod click wheel
-        var v, up = 0,
-          down = 0,
-          i = 0,
-          $idir = $("div.idir"),
-          $ival = $("div.ival"),
-          incr = function() {
-            i++;
-            $idir.show().html("+").fadeOut();
-            $ival.html(i);
-          },
-          decr = function() {
-            i--;
-            $idir.show().html("-").fadeOut();
-            $ival.html(i);
-          };
-        $("input.infinite").knob({
-          min: 0,
-          max: 20,
-          stopper: false,
-          change: function() {
-            if (v > this.cv) {
-              if (up) {
-                decr();
-                up = 0;
-              } else {
-                up = 1;
-                down = 0;
-              }
-            } else {
-              if (v < this.cv) {
-                if (down) {
-                  incr();
-                  down = 0;
-                } else {
-                  down = 1;
-                  up = 0;
-                }
-              }
-            }
-            v = this.cv;
-          }
-        });
-      });
-    </script>
-    <!-- /jQuery Knob -->
-
-    <!-- Cropper -->
-    <script>
-      $(document).ready(function() {
-        var $image = $('#image');
-        var $download = $('#download');
-        var $dataX = $('#dataX');
-        var $dataY = $('#dataY');
-        var $dataHeight = $('#dataHeight');
-        var $dataWidth = $('#dataWidth');
-        var $dataRotate = $('#dataRotate');
-        var $dataScaleX = $('#dataScaleX');
-        var $dataScaleY = $('#dataScaleY');
-        var options = {
-              aspectRatio: 16 / 9,
-              preview: '.img-preview',
-              crop: function (e) {
-                $dataX.val(Math.round(e.x));
-                $dataY.val(Math.round(e.y));
-                $dataHeight.val(Math.round(e.height));
-                $dataWidth.val(Math.round(e.width));
-                $dataRotate.val(e.rotate);
-                $dataScaleX.val(e.scaleX);
-                $dataScaleY.val(e.scaleY);
-              }
-            };
-
-
-        // Tooltip
-        $('[data-toggle="tooltip"]').tooltip();
-
-
-        // Cropper
-        $image.on({
-          'build.cropper': function (e) {
-            console.log(e.type);
-          },
-          'built.cropper': function (e) {
-            console.log(e.type);
-          },
-          'cropstart.cropper': function (e) {
-            console.log(e.type, e.action);
-          },
-          'cropmove.cropper': function (e) {
-            console.log(e.type, e.action);
-          },
-          'cropend.cropper': function (e) {
-            console.log(e.type, e.action);
-          },
-          'crop.cropper': function (e) {
-            console.log(e.type, e.x, e.y, e.width, e.height, e.rotate, e.scaleX, e.scaleY);
-          },
-          'zoom.cropper': function (e) {
-            console.log(e.type, e.ratio);
-          }
-        }).cropper(options);
-
-
-        // Buttons
-        if (!$.isFunction(document.createElement('canvas').getContext)) {
-          $('button[data-method="getCroppedCanvas"]').prop('disabled', true);
-        }
-
-        if (typeof document.createElement('cropper').style.transition === 'undefined') {
-          $('button[data-method="rotate"]').prop('disabled', true);
-          $('button[data-method="scale"]').prop('disabled', true);
-        }
-
-
-        // Download
-        if (typeof $download[0].download === 'undefined') {
-          $download.addClass('disabled');
-        }
-
-
-        // Options
-        $('.docs-toggles').on('change', 'input', function () {
-          var $this = $(this);
-          var name = $this.attr('name');
-          var type = $this.prop('type');
-          var cropBoxData;
-          var canvasData;
-
-          if (!$image.data('cropper')) {
-            return;
-          }
-
-          if (type === 'checkbox') {
-            options[name] = $this.prop('checked');
-            cropBoxData = $image.cropper('getCropBoxData');
-            canvasData = $image.cropper('getCanvasData');
-
-            options.built = function () {
-              $image.cropper('setCropBoxData', cropBoxData);
-              $image.cropper('setCanvasData', canvasData);
-            };
-          } else if (type === 'radio') {
-            options[name] = $this.val();
-          }
-
-          $image.cropper('destroy').cropper(options);
-        });
-
-
-        // Methods
-        $('.docs-buttons').on('click', '[data-method]', function () {
-          var $this = $(this);
-          var data = $this.data();
-          var $target;
-          var result;
-
-          if ($this.prop('disabled') || $this.hasClass('disabled')) {
-            return;
-          }
-
-          if ($image.data('cropper') && data.method) {
-            data = $.extend({}, data); // Clone a new one
-
-            if (typeof data.target !== 'undefined') {
-              $target = $(data.target);
-
-              if (typeof data.option === 'undefined') {
-                try {
-                  data.option = JSON.parse($target.val());
-                } catch (e) {
-                  console.log(e.message);
-                }
-              }
-            }
-
-            result = $image.cropper(data.method, data.option, data.secondOption);
-
-            switch (data.method) {
-              case 'scaleX':
-              case 'scaleY':
-                $(this).data('option', -data.option);
-                break;
-
-              case 'getCroppedCanvas':
-                if (result) {
-
-                  // Bootstrap's Modal
-                  $('#getCroppedCanvasModal').modal().find('.modal-body').html(result);
-
-                  if (!$download.hasClass('disabled')) {
-                    $download.attr('href', result.toDataURL());
-                  }
-                }
-
-                break;
-            }
-
-            if ($.isPlainObject(result) && $target) {
-              try {
-                $target.val(JSON.stringify(result));
-              } catch (e) {
-                console.log(e.message);
-              }
-            }
-
-          }
-        });
-
-        // Keyboard
-        $(document.body).on('keydown', function (e) {
-          if (!$image.data('cropper') || this.scrollTop > 300) {
-            return;
-          }
-
-          switch (e.which) {
-            case 37:
-              e.preventDefault();
-              $image.cropper('move', -1, 0);
-              break;
-
-            case 38:
-              e.preventDefault();
-              $image.cropper('move', 0, -1);
-              break;
-
-            case 39:
-              e.preventDefault();
-              $image.cropper('move', 1, 0);
-              break;
-
-            case 40:
-              e.preventDefault();
-              $image.cropper('move', 0, 1);
-              break;
-          }
-        });
-
-        // Import image
-        var $inputImage = $('#inputImage');
-        var URL = window.URL || window.webkitURL;
-        var blobURL;
-
-        if (URL) {
-          $inputImage.change(function () {
-            var files = this.files;
-            var file;
-
-            if (!$image.data('cropper')) {
-              return;
-            }
-
-            if (files && files.length) {
-              file = files[0];
-
-              if (/^image\/\w+$/.test(file.type)) {
-                blobURL = URL.createObjectURL(file);
-                $image.one('built.cropper', function () {
-
-                  // Revoke when load complete
-                  URL.revokeObjectURL(blobURL);
-                }).cropper('reset').cropper('replace', blobURL);
-                $inputImage.val('');
-              } else {
-                window.alert('Please choose an image file.');
-              }
-            }
-          });
-        } else {
-          $inputImage.prop('disabled', true).parent().addClass('disabled');
-        }
-      });
-    </script>
-    <!-- /Cropper -->
   </body>
 </html>

production/form_buttons.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -744,6 +744,6 @@
     <script src="../vendors/fastclick/lib/fastclick.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/form_upload.html

@@ -20,7 +20,7 @@
     <link href="../vendors/dropzone/dist/min/dropzone.min.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -163,7 +163,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -350,6 +350,6 @@
     <script src="../vendors/dropzone/dist/min/dropzone.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/form_validation.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -423,38 +423,7 @@
     <script src="../vendors/validator/validator.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- validator -->
-    <script>
-      // initialize the validator function
-      validator.message.date = 'not a real date';
-
-      // validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
-      $('form')
-        .on('blur', 'input[required], input.optional, select.required', validator.checkField)
-        .on('change', 'select.required', validator.checkField)
-        .on('keypress', 'input[required][pattern]', validator.keypress);
-
-      $('.multi.required').on('keyup blur', 'input', function() {
-        validator.checkField.apply($(this).siblings().last()[0]);
-      });
-
-      $('form').submit(function(e) {
-        e.preventDefault();
-        var submit = true;
-
-        // evaluate the form using generic validaing
-        if (!validator.checkAll($(this))) {
-          submit = false;
-        }
-
-        if (submit)
-          this.submit();
-
-        return false;
-      });
-    </script>
-    <!-- /validator -->
   </body>
 </html>

production/form_wizards.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -597,22 +597,7 @@
     <!-- jQuery Smart Wizard -->
     <script src="../vendors/jQuery-Smart-Wizard/js/jquery.smartWizard.js"></script>
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- jQuery Smart Wizard -->
-    <script>
-      $(document).ready(function() {
-        $('#wizard').smartWizard();
-
-        $('#wizard_verticle').smartWizard({
-          transitionEffect: 'slide'
-        });
-
-        $('.buttonNext').addClass('btn btn-success');
-        $('.buttonPrevious').addClass('btn btn-primary');
-        $('.buttonFinish').addClass('btn btn-default');
-      });
-    </script>
-    <!-- /jQuery Smart Wizard -->
   </body>
 </html>

production/general_elements.html

@@ -26,7 +26,7 @@
     <link href="../vendors/pnotify/dist/pnotify.nonblock.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -169,7 +169,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -1655,87 +1655,7 @@
     <script src="../vendors/pnotify/dist/pnotify.nonblock.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- PNotify -->
-    <script>
-      $(document).ready(function() {
-        new PNotify({
-          title: "PNotify",
-          type: "info",
-          text: "Welcome. Try hovering over me. You can click things behind me, because I'm non-blocking.",
-          nonblock: {
-              nonblock: true
-          },
-          addclass: 'dark',
-          styling: 'bootstrap3',
-          hide: false,
-          before_close: function(PNotify) {
-            PNotify.update({
-              title: PNotify.options.title + " - Enjoy your Stay",
-              before_close: null
-            });
-
-            PNotify.queueRemove();
-
-            return false;
-          }
-        });
-
-      });
-    </script>
-    <!-- /PNotify -->
-
-    <!-- Custom Notification -->
-    <script>
-      $(document).ready(function() {
-        var cnt = 10;
-
-        TabbedNotification = function(options) {
-          var message = "<div id='ntf" + cnt + "' class='text alert-" + options.type + "' style='display:none'><h2><i class='fa fa-bell'></i> " + options.title +
-            "</h2><div class='close'><a href='javascript:;' class='notification_close'><i class='fa fa-close'></i></a></div><p>" + options.text + "</p></div>";
-
-          if (!document.getElementById('custom_notifications')) {
-            alert('doesnt exists');
-          } else {
-            $('#custom_notifications ul.notifications').append("<li><a id='ntlink" + cnt + "' class='alert-" + options.type + "' href='#ntf" + cnt + "'><i class='fa fa-bell animated shake'></i></a></li>");
-            $('#custom_notifications #notif-group').append(message);
-            cnt++;
-            CustomTabs(options);
-          }
-        };
-
-        CustomTabs = function(options) {
-          $('.tabbed_notifications > div').hide();
-          $('.tabbed_notifications > div:first-of-type').show();
-          $('#custom_notifications').removeClass('dsp_none');
-          $('.notifications a').click(function(e) {
-            e.preventDefault();
-            var $this = $(this),
-              tabbed_notifications = '#' + $this.parents('.notifications').data('tabbed_notifications'),
-              others = $this.closest('li').siblings().children('a'),
-              target = $this.attr('href');
-            others.removeClass('active');
-            $this.addClass('active');
-            $(tabbed_notifications).children('div').hide();
-            $(target).show();
-          });
-        };
-
-        CustomTabs();
-
-        var tabid = idname = '';
-
-        $(document).on('click', '.notification_close', function(e) {
-          idname = $(this).parent().parent().attr("id");
-          tabid = idname.substr(-2);
-          $('#ntf' + tabid).remove();
-          $('#ntlink' + tabid).parent().remove();
-          $('.notifications a').first().addClass('active');
-          $('#notif-group div').first().css('display', 'block');
-        });
-      });
-    </script>
-    <!-- /Custom Notification -->
   </body>
 </html>

production/glyphicons.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     
     <!-- Custom styling plus plugins -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -1735,6 +1735,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/icons.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     
     <!-- Custom styling plus plugins -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -2343,6 +2343,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/inbox.html

@@ -19,7 +19,7 @@
     <link href="../vendors/google-code-prettify/bin/prettify.min.css" rel="stylesheet">
 
     <!-- Custom styling plus plugins -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -636,80 +636,7 @@
     <script src="../vendors/google-code-prettify/src/prettify.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- bootstrap-wysiwyg -->
-    <script>
-      $(document).ready(function() {
-        function initToolbarBootstrapBindings() {
-          var fonts = ['Serif', 'Sans', 'Arial', 'Arial Black', 'Courier',
-              'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times',
-              'Times New Roman', 'Verdana'
-            ],
-            fontTarget = $('[title=Font]').siblings('.dropdown-menu');
-          $.each(fonts, function(idx, fontName) {
-            fontTarget.append($('<li><a data-edit="fontName ' + fontName + '" style="font-family:\'' + fontName + '\'">' + fontName + '</a></li>'));
-          });
-          $('a[title]').tooltip({
-            container: 'body'
-          });
-          $('.dropdown-menu input').click(function() {
-              return false;
-            })
-            .change(function() {
-              $(this).parent('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle');
-            })
-            .keydown('esc', function() {
-              this.value = '';
-              $(this).change();
-            });
-
-          $('[data-role=magic-overlay]').each(function() {
-            var overlay = $(this),
-              target = $(overlay.data('target'));
-            overlay.css('opacity', 0).css('position', 'absolute').offset(target.offset()).width(target.outerWidth()).height(target.outerHeight());
-          });
-
-          if ("onwebkitspeechchange" in document.createElement("input")) {
-            var editorOffset = $('#editor').offset();
-
-            $('.voiceBtn').css('position', 'absolute').offset({
-              top: editorOffset.top,
-              left: editorOffset.left + $('#editor').innerWidth() - 35
-            });
-          } else {
-            $('.voiceBtn').hide();
-          }
-        }
-
-        function showErrorAlert(reason, detail) {
-          var msg = '';
-          if (reason === 'unsupported-file-type') {
-            msg = "Unsupported format " + detail;
-          } else {
-            console.log("error uploading file", reason, detail);
-          }
-          $('<div class="alert"> <button type="button" class="close" data-dismiss="alert">&times;</button>' +
-            '<strong>File upload error</strong> ' + msg + ' </div>').prependTo('#alerts');
-        }
-
-        initToolbarBootstrapBindings();
-
-        $('#editor').wysiwyg({
-          fileUploadError: showErrorAlert
-        });
-
-        prettyPrint();
-      });
-    </script>
-    <!-- /bootstrap-wysiwyg -->
-
-    <!-- compose -->
-    <script>
-      $('#compose, .compose-close').click(function(){
-        $('.compose').slideToggle();
-      });
-    </script>>
-    <!-- /compose -->
   </body>
 </html>

production/index.html

@@ -17,6 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     <!-- iCheck -->
     <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
+	
     <!-- bootstrap-progressbar -->
     <link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
     <!-- JQVMap -->
@@ -25,7 +26,7 @@
     <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -168,7 +169,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -534,7 +535,7 @@
                     </tr>
                     <tr>
                       <td>
-                        <canvas id="canvas1" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas>
+                        <canvas id="canvasDoughnut" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas>
                       </td>
                       <td>
                         <table class="tile_info">
@@ -1020,266 +1021,7 @@
     <script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- Flot -->
-    <script>
-      $(document).ready(function() {
-        var data1 = [
-          [gd(2012, 1, 1), 17],
-          [gd(2012, 1, 2), 74],
-          [gd(2012, 1, 3), 6],
-          [gd(2012, 1, 4), 39],
-          [gd(2012, 1, 5), 20],
-          [gd(2012, 1, 6), 85],
-          [gd(2012, 1, 7), 7]
-        ];
-
-        var data2 = [
-          [gd(2012, 1, 1), 82],
-          [gd(2012, 1, 2), 23],
-          [gd(2012, 1, 3), 66],
-          [gd(2012, 1, 4), 9],
-          [gd(2012, 1, 5), 119],
-          [gd(2012, 1, 6), 6],
-          [gd(2012, 1, 7), 9]
-        ];
-        $("#canvas_dahs").length && $.plot($("#canvas_dahs"), [
-          data1, data2
-        ], {
-          series: {
-            lines: {
-              show: false,
-              fill: true
-            },
-            splines: {
-              show: true,
-              tension: 0.4,
-              lineWidth: 1,
-              fill: 0.4
-            },
-            points: {
-              radius: 0,
-              show: true
-            },
-            shadowSize: 2
-          },
-          grid: {
-            verticalLines: true,
-            hoverable: true,
-            clickable: true,
-            tickColor: "#d5d5d5",
-            borderWidth: 1,
-            color: '#fff'
-          },
-          colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"],
-          xaxis: {
-            tickColor: "rgba(51, 51, 51, 0.06)",
-            mode: "time",
-            tickSize: [1, "day"],
-            //tickLength: 10,
-            axisLabel: "Date",
-            axisLabelUseCanvas: true,
-            axisLabelFontSizePixels: 12,
-            axisLabelFontFamily: 'Verdana, Arial',
-            axisLabelPadding: 10
-          },
-          yaxis: {
-            ticks: 8,
-            tickColor: "rgba(51, 51, 51, 0.06)",
-          },
-          tooltip: false
-        });
-
-        function gd(year, month, day) {
-          return new Date(year, month - 1, day).getTime();
-        }
-      });
-    </script>
-    <!-- /Flot -->
-
-    <!-- JQVMap -->
-    <script>
-      $(document).ready(function(){
-        $('#world-map-gdp').vectorMap({
-            map: 'world_en',
-            backgroundColor: null,
-            color: '#ffffff',
-            hoverOpacity: 0.7,
-            selectedColor: '#666666',
-            enableZoom: true,
-            showTooltip: true,
-            values: sample_data,
-            scaleColors: ['#E6F2F0', '#149B7E'],
-            normalizeFunction: 'polynomial'
-        });
-      });
-    </script>
-    <!-- /JQVMap -->
-
-    <!-- Skycons -->
-    <script>
-      $(document).ready(function() {
-        var icons = new Skycons({
-            "color": "#73879C"
-          }),
-          list = [
-            "clear-day", "clear-night", "partly-cloudy-day",
-            "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
-            "fog"
-          ],
-          i;
-
-        for (i = list.length; i--;)
-          icons.set(list[i], list[i]);
-
-        icons.play();
-      });
-    </script>
-    <!-- /Skycons -->
-
-    <!-- Doughnut Chart -->
-    <script>
-      $(document).ready(function(){
-        var options = {
-          legend: false,
-          responsive: false
-        };
-
-        new Chart(document.getElementById("canvas1"), {
-          type: 'doughnut',
-          tooltipFillColor: "rgba(51, 51, 51, 0.55)",
-          data: {
-            labels: [
-              "Symbian",
-              "Blackberry",
-              "Other",
-              "Android",
-              "IOS"
-            ],
-            datasets: [{
-              data: [15, 20, 30, 10, 30],
-              backgroundColor: [
-                "#BDC3C7",
-                "#9B59B6",
-                "#E74C3C",
-                "#26B99A",
-                "#3498DB"
-              ],
-              hoverBackgroundColor: [
-                "#CFD4D8",
-                "#B370CF",
-                "#E95E4F",
-                "#36CAAB",
-                "#49A9EA"
-              ]
-            }]
-          },
-          options: options
-        });
-      });
-    </script>
-    <!-- /Doughnut Chart -->
-    
-    <!-- bootstrap-daterangepicker -->
-    <script>
-      $(document).ready(function() {
-
-        var cb = function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-          $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
-        };
-
-        var optionSet1 = {
-          startDate: moment().subtract(29, 'days'),
-          endDate: moment(),
-          minDate: '01/01/2012',
-          maxDate: '12/31/2015',
-          dateLimit: {
-            days: 60
-          },
-          showDropdowns: true,
-          showWeekNumbers: true,
-          timePicker: false,
-          timePickerIncrement: 1,
-          timePicker12Hour: true,
-          ranges: {
-            'Today': [moment(), moment()],
-            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-            'This Month': [moment().startOf('month'), moment().endOf('month')],
-            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
-          },
-          opens: 'left',
-          buttonClasses: ['btn btn-default'],
-          applyClass: 'btn-small btn-primary',
-          cancelClass: 'btn-small',
-          format: 'MM/DD/YYYY',
-          separator: ' to ',
-          locale: {
-            applyLabel: 'Submit',
-            cancelLabel: 'Clear',
-            fromLabel: 'From',
-            toLabel: 'To',
-            customRangeLabel: 'Custom',
-            daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
-            monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-            firstDay: 1
-          }
-        };
-        $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
-        $('#reportrange').daterangepicker(optionSet1, cb);
-        $('#reportrange').on('show.daterangepicker', function() {
-          console.log("show event fired");
-        });
-        $('#reportrange').on('hide.daterangepicker', function() {
-          console.log("hide event fired");
-        });
-        $('#reportrange').on('apply.daterangepicker', function(ev, picker) {
-          console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
-        });
-        $('#reportrange').on('cancel.daterangepicker', function(ev, picker) {
-          console.log("cancel event fired");
-        });
-        $('#options1').click(function() {
-          $('#reportrange').data('daterangepicker').setOptions(optionSet1, cb);
-        });
-        $('#options2').click(function() {
-          $('#reportrange').data('daterangepicker').setOptions(optionSet2, cb);
-        });
-        $('#destroy').click(function() {
-          $('#reportrange').data('daterangepicker').remove();
-        });
-      });
-    </script>
-    <!-- /bootstrap-daterangepicker -->
-
-    <!-- gauge.js -->
-    <script>
-      var opts = {
-          lines: 12,
-          angle: 0,
-          lineWidth: 0.4,
-          pointer: {
-              length: 0.75,
-              strokeWidth: 0.042,
-              color: '#1D212A'
-          },
-          limitMax: 'false',
-          colorStart: '#1ABC9C',
-          colorStop: '#1ABC9C',
-          strokeColor: '#F0F3F3',
-          generateGradient: true
-      };
-      var target = document.getElementById('foo'),
-          gauge = new Gauge(target).setOptions(opts);
-
-      gauge.maxValue = 6000;
-      gauge.animationSpeed = 32;
-      gauge.set(3200);
-      gauge.setTextField(document.getElementById("gauge-text"));
-    </script>
-    <!-- /gauge.js -->
   </body>
 </html>

production/index2.html

@@ -19,7 +19,7 @@
     <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -328,22 +328,22 @@
                           <span>Total Sessions</span>
                           <h2>231,809</h2>
                           <span class="sparkline11 graph" style="height: 160px;">
-                                          <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
-                                      </span>
+                               <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
+                          </span>
                         </div>
                         <div class="col-md-4 tile">
                           <span>Total Revenue</span>
                           <h2>$231,809</h2>
                           <span class="sparkline22 graph" style="height: 160px;">
-                                          <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
-                                      </span>
+                                <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
+                          </span>
                         </div>
                         <div class="col-md-4 tile">
                           <span>Total Sessions</span>
                           <h2>231,809</h2>
                           <span class="sparkline11 graph" style="height: 160px;">
-                                          <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
-                                      </span>
+                                 <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
+                          </span>
                         </div>
                       </div>
 
@@ -472,15 +472,15 @@
                       <div class="col-md-5">
                         <div class="row" style="text-align: center;">
                           <div class="col-md-4">
-                            <canvas id="canvas1i" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
+                            <canvas id="canvasDoughnut" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
                             <h4 style="margin:0">Bounce Rates</h4>
                           </div>
                           <div class="col-md-4">
-                            <canvas id="canvas1i2" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
+                            <canvas id="canvasDoughnut" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
                             <h4 style="margin:0">New Traffic</h4>
                           </div>
                           <div class="col-md-4">
-                            <canvas id="canvas1i3" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
+                            <canvas id="canvasDoughnut" height="110" width="110" style="margin: 5px 10px 10px 0"></canvas>
                             <h4 style="margin:0">Device Share</h4>
                           </div>
                         </div>
@@ -766,10 +766,12 @@
     <script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
     
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
     <!-- Flot -->
+	<!--
     <script>
+
       $(document).ready(function() {
         //define chart clolors ( you maybe add more colors if you want or flot will add it automatic )
         var chartColours = ['#96CA59', '#3F97EB', '#72c380', '#6f7a8a', '#f7cb38', '#5a8022', '#2c7282'];
@@ -871,21 +873,14 @@
         }], options);
       });
     </script>
+	-->
     <!-- /Flot -->
 
     <!-- jQuery Sparklines -->
+	<!--
     <script>
       $(document).ready(function() {
-        $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
-          type: 'bar',
-          height: '125',
-          barWidth: 13,
-          colorMap: {
-            '7': '#a1a1a1'
-          },
-          barSpacing: 2,
-          barColor: '#26B99A'
-        });
+       
 
         $(".sparkline11").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3], {
           type: 'bar',
@@ -910,9 +905,11 @@
         });
       });
     </script>
+	-->
     <!-- /jQuery Sparklines -->
 
     <!-- Doughnut Chart -->
+	<!--
     <script>
       $(document).ready(function() {
         var canvasDoughnut,
@@ -1021,9 +1018,11 @@
         });
       });
     </script>
+	-->
     <!-- /Doughnut Chart -->
 
     <!-- bootstrap-daterangepicker -->
+	<!--
     <script type="text/javascript">
       $(document).ready(function() {
 
@@ -1095,6 +1094,7 @@
         });
       });
     </script>
+	-->
     <!-- /bootstrap-daterangepicker -->
   </body>
 </html>

production/index3.html

@@ -22,7 +22,7 @@
     <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
     
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -165,7 +165,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -277,20 +277,13 @@
               <div class="col-md-3 col-sm-3 col-xs-6 tile">
                 <span>Total Sessions</span>
                 <h2>231,809</h2>
-                <span class="sparkline_one" style="height: 160px;">
+                <span class="sparkline_two" style="height: 160px;">
                       <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
                   </span>
               </div>
               <div class="col-md-3 col-sm-3 col-xs-6 tile">
                 <span>Total Revenue</span>
                 <h2>$ 231,809</h2>
-                <span class="sparkline_one" style="height: 160px;">
-                      <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
-                  </span>
-              </div>
-              <div class="col-md-3 col-sm-3 col-xs-6 tile">
-                <span>Total Sessions</span>
-                <h2>231,809</h2>
                 <span class="sparkline_two" style="height: 160px;">
                       <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
                   </span>
@@ -298,7 +291,14 @@
               <div class="col-md-3 col-sm-3 col-xs-6 tile">
                 <span>Total Sessions</span>
                 <h2>231,809</h2>
-                <span class="sparkline_one" style="height: 160px;">
+                <span class="sparkline_three" style="height: 160px;">
+                      <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
+                  </span>
+              </div>
+              <div class="col-md-3 col-sm-3 col-xs-6 tile">
+                <span>Total Sessions</span>
+                <h2>231,809</h2>
+                <span class="sparkline_two" style="height: 160px;">
                       <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
                   </span>
               </div>
@@ -882,9 +882,10 @@
     <script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
     <!-- Flot -->
+	<!--
     <script>
       $(document).ready(function() {
         //random data
@@ -943,12 +944,14 @@
         }], options);
       });
     </script>
+	-->
     <!-- /Flot -->
 
     <!-- jQuery Sparklines -->
+	<!--
     <script>
       $(document).ready(function() {
-        $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
+        $(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
           type: 'bar',
           height: '40',
           barWidth: 9,
@@ -959,7 +962,7 @@
           barColor: '#26B99A'
         });
 
-        $(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
+        $(".sparkline_three").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
           type: 'line',
           width: '200',
           height: '40',
@@ -971,9 +974,11 @@
         });
       });
     </script>
+	-->
     <!-- /jQuery Sparklines -->
 
     <!-- Doughnut Chart -->
+	<!--
     <script>
       $(document).ready(function() {
         var options = {
@@ -1014,9 +1019,11 @@
         });
       });
     </script>
+	-->
     <!-- /Doughnut Chart -->
 
     <!-- bootstrap-daterangepicker -->
+	<!--
     <script type="text/javascript">
       $(document).ready(function() {
 
@@ -1088,9 +1095,11 @@
         });
       });
     </script>
+	-->
     <!-- /bootstrap-daterangepicker -->
 
     <!-- morris.js -->
+	<!--
     <script>
       $(document).ready(function() {
         Morris.Bar({
@@ -1121,9 +1130,11 @@
         });
       });
     </script>
+	-->
     <!-- /morris.js -->
 
     <!-- Skycons -->
+	<!--
     <script>
       var icons = new Skycons({
           "color": "#73879C"
@@ -1140,9 +1151,11 @@
 
       icons.play();
     </script>
+	-->
     <!-- /Skycons -->
 
     <!-- gauge.js -->
+	<!--
     <script>
       var opts = {
         lines: 12,
@@ -1175,6 +1188,7 @@
       gauge.set(4200);
       gauge.setTextField(document.getElementById("gauge-text2"));
     </script>
+	-->
     <!-- /gauge.js -->
   </body>
 </html>

production/invoice.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     
     <!-- Custom styling plus plugins -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -490,6 +490,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/level2.html

@@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html lang="en">
   <head>
@@ -17,7 +18,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +161,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -298,6 +299,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
     
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/login.html

@@ -19,7 +19,7 @@
     <link href="../vendors/animate.css/animate.min.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="login">

production/map.html

@@ -19,7 +19,7 @@
   <link href="css/animate.min.css" rel="stylesheet">
 
   <!-- Custom styling plus plugins -->
-  <link href="../build/css/custom.min.css" rel="stylesheet">
+  <link href="../build/css/style.css" rel="stylesheet">
   <link href="css/icheck/flat/green.css" rel="stylesheet">
 
 
@@ -206,7 +206,7 @@
             <a data-toggle="tooltip" data-placement="top" title="Lock">
               <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
             </a>
-            <a data-toggle="tooltip" data-placement="top" title="Logout">
+            <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
               <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
             </a>
           </div>
@@ -1244,9 +1244,6 @@
             <div id="map"></div>
           </div>
 
-
-
-
           <script src="http://vodacom.registersim.com/assets/dashboard/js/jquery.masonry.min.js"></script>
           <script>
             $(function() {
@@ -1382,8 +1379,6 @@
 
           <script type="text/javascript" src="http://vodacom.registersim.com/assets/dashboard/js/highcharts.js"></script>
 
-
-
           <script type="text/javascript" data-rocketsrc="http://vodacom.registersim.com/assets/dashboard/maps/jquery.maphilight.min.js;" data-rocketoptimized="true"></script>
           <script type="text/javascript" src="http://vodacom.registersim.com/assets/dashboard/maps/jquery.maphilight.min.js"></script>
         </body>
@@ -1403,7 +1398,7 @@
   <!-- icheck -->
   <script src="js/icheck/icheck.min.js"></script>
 
-  <script src="../build/js/custom.min.js"></script>
+  <script src="../build/js/new-custom.js"></script>
 
   <!-- pace -->
   <script src="js/pace/pace.min.js"></script>

production/media_gallery.html

@@ -18,7 +18,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     
     <!-- Custom styling plus plugins -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -161,7 +161,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -533,6 +533,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/morisjs.html

@@ -19,7 +19,7 @@
     <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -493,136 +493,7 @@
     <script src="../vendors/morris.js/morris.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- morris.js -->
-    <script>
-      $(document).ready(function() {
-        Morris.Bar({
-          element: 'graph_bar',
-          data: [
-            {device: 'iPhone 4', geekbench: 380},
-            {device: 'iPhone 4S', geekbench: 655},
-            {device: 'iPhone 3GS', geekbench: 275},
-            {device: 'iPhone 5', geekbench: 1571},
-            {device: 'iPhone 5S', geekbench: 655},
-            {device: 'iPhone 6', geekbench: 2154},
-            {device: 'iPhone 6 Plus', geekbench: 1144},
-            {device: 'iPhone 6S', geekbench: 2371},
-            {device: 'iPhone 6S Plus', geekbench: 1471},
-            {device: 'Other', geekbench: 1371}
-          ],
-          xkey: 'device',
-          ykeys: ['geekbench'],
-          labels: ['Geekbench'],
-          barRatio: 0.4,
-          barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
-          xLabelAngle: 35,
-          hideHover: 'auto',
-          resize: true
-        });
-
-        Morris.Bar({
-          element: 'graph_bar_group',
-          data: [
-            {"period": "2016-10-01", "licensed": 807, "sorned": 660},
-            {"period": "2016-09-30", "licensed": 1251, "sorned": 729},
-            {"period": "2016-09-29", "licensed": 1769, "sorned": 1018},
-            {"period": "2016-09-20", "licensed": 2246, "sorned": 1461},
-            {"period": "2016-09-19", "licensed": 2657, "sorned": 1967},
-            {"period": "2016-09-18", "licensed": 3148, "sorned": 2627},
-            {"period": "2016-09-17", "licensed": 3471, "sorned": 3740},
-            {"period": "2016-09-16", "licensed": 2871, "sorned": 2216},
-            {"period": "2016-09-15", "licensed": 2401, "sorned": 1656},
-            {"period": "2016-09-10", "licensed": 2115, "sorned": 1022}
-          ],
-          xkey: 'period',
-          barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
-          ykeys: ['licensed', 'sorned'],
-          labels: ['Licensed', 'SORN'],
-          hideHover: 'auto',
-          xLabelAngle: 60,
-          resize: true
-        });
-
-        Morris.Bar({
-          element: 'graphx',
-          data: [
-            {x: '2015 Q1', y: 2, z: 3, a: 4},
-            {x: '2015 Q2', y: 3, z: 5, a: 6},
-            {x: '2015 Q3', y: 4, z: 3, a: 2},
-            {x: '2015 Q4', y: 2, z: 4, a: 5}
-          ],
-          xkey: 'x',
-          ykeys: ['y', 'z', 'a'],
-          barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
-          hideHover: 'auto',
-          labels: ['Y', 'Z', 'A'],
-          resize: true
-        }).on('click', function (i, row) {
-            console.log(i, row);
-        });
-
-        Morris.Area({
-          element: 'graph_area',
-          data: [
-            {period: '2014 Q1', iphone: 2666, ipad: null, itouch: 2647},
-            {period: '2014 Q2', iphone: 2778, ipad: 2294, itouch: 2441},
-            {period: '2014 Q3', iphone: 4912, ipad: 1969, itouch: 2501},
-            {period: '2014 Q4', iphone: 3767, ipad: 3597, itouch: 5689},
-            {period: '2015 Q1', iphone: 6810, ipad: 1914, itouch: 2293},
-            {period: '2015 Q2', iphone: 5670, ipad: 4293, itouch: 1881},
-            {period: '2015 Q3', iphone: 4820, ipad: 3795, itouch: 1588},
-            {period: '2015 Q4', iphone: 15073, ipad: 5967, itouch: 5175},
-            {period: '2016 Q1', iphone: 10687, ipad: 4460, itouch: 2028},
-            {period: '2016 Q2', iphone: 8432, ipad: 5713, itouch: 1791}
-          ],
-          xkey: 'period',
-          ykeys: ['iphone', 'ipad', 'itouch'],
-          lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
-          labels: ['iPhone', 'iPad', 'iPod Touch'],
-          pointSize: 2,
-          hideHover: 'auto',
-          resize: true
-        });
-
-        Morris.Donut({
-          element: 'graph_donut',
-          data: [
-            {label: 'Jam', value: 25},
-            {label: 'Frosted', value: 40},
-            {label: 'Custard', value: 25},
-            {label: 'Sugar', value: 10}
-          ],
-          colors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
-          formatter: function (y) {
-            return y + "%";
-          },
-          resize: true
-        });
-
-        Morris.Line({
-          element: 'graph_line',
-          xkey: 'year',
-          ykeys: ['value'],
-          labels: ['Value'],
-          hideHover: 'auto',
-          lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
-          data: [
-            {year: '2012', value: 20},
-            {year: '2013', value: 10},
-            {year: '2014', value: 5},
-            {year: '2015', value: 5},
-            {year: '2016', value: 20}
-          ],
-          resize: true
-        });
-
-        $MENU_TOGGLE.on('click', function() {
-          $(window).resize();
-        });
-      });
-    </script>
-    <!-- /morris.js -->
   </body>
 </html>

production/other_charts.html

@@ -21,7 +21,7 @@
     <link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -164,7 +164,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -456,143 +456,7 @@
     <script src="../vendors/jquery.easy-pie-chart/dist/jquery.easypiechart.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
     
-    <!-- JQVMap -->
-    <script>
-      $(document).ready(function(){
-        $('#usa_map').vectorMap({
-            map: 'usa_en',
-            backgroundColor: null,
-            color: '#ffffff',
-            hoverOpacity: 0.7,
-            selectedColor: '#666666',
-            enableZoom: true,
-            showTooltip: true,
-            values: sample_data,
-            scaleColors: ['#E6F2F0', '#149B7E'],
-            normalizeFunction: 'polynomial'
-        });
-
-        $('#world-map-gdp').vectorMap({
-            map: 'world_en',
-            backgroundColor: null,
-            color: '#ffffff',
-            hoverOpacity: 0.7,
-            selectedColor: '#666666',
-            enableZoom: true,
-            showTooltip: true,
-            values: sample_data,
-            scaleColors: ['#E6F2F0', '#149B7E'],
-            normalizeFunction: 'polynomial'
-        });
-      });
-    </script>
-    <!-- /JQVMap -->
-
-    <!-- easy-pie-chart -->
-    <script>
-      $(document).ready(function() {
-        $('.chart').easyPieChart({
-          easing: 'easeOutElastic',
-          delay: 3000,
-          barColor: '#26B99A',
-          trackColor: '#fff',
-          scaleColor: false,
-          lineWidth: 20,
-          trackWidth: 16,
-          lineCap: 'butt',
-          onStep: function(from, to, percent) {
-            $(this.el).find('.percent').text(Math.round(percent));
-          }
-        });
-        var chart = window.chart = $('.chart').data('easyPieChart');
-        $('.js_update').on('click', function() {
-          chart.update(Math.random() * 200 - 100);
-        });
-
-        //hover and retain popover when on popover content
-        var originalLeave = $.fn.popover.Constructor.prototype.leave;
-        $.fn.popover.Constructor.prototype.leave = function(obj) {
-          var self = obj instanceof this.constructor ?
-            obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type);
-          var container, timeout;
-
-          originalLeave.call(this, obj);
-
-          if (obj.currentTarget) {
-            container = $(obj.currentTarget).siblings('.popover');
-            timeout = self.timeout;
-            container.one('mouseenter', function() {
-              //We entered the actual popover – call off the dogs
-              clearTimeout(timeout);
-              //Let's monitor popover content instead
-              container.one('mouseleave', function() {
-                $.fn.popover.Constructor.prototype.leave.call(self, self);
-              });
-            });
-          }
-        };
-
-        $('body').popover({
-          selector: '[data-popover]',
-          trigger: 'click hover',
-          delay: {
-            show: 50,
-            hide: 400
-          }
-        });
-      });
-    </script>
-    <!-- easy-pie-chart -->
-
-    <!-- jQuery Sparklines -->
-    <script>
-      $(document).ready(function() {
-        $(".sparkline_bar").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], {
-          type: 'bar',
-          colorMap: {
-            '7': '#a1a1a1'
-          },
-          barColor: '#26B99A'
-        });
-
-        $(".sparkline_area").sparkline([5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7], {
-          type: 'line',
-          lineColor: '#26B99A',
-          fillColor: '#26B99A',
-          spotColor: '#4578a0',
-          minSpotColor: '#728fb2',
-          maxSpotColor: '#6d93c4',
-          highlightSpotColor: '#ef5179',
-          highlightLineColor: '#8ba8bf',
-          spotRadius: 2.5,
-          width: 85
-        });
-
-        $(".sparkline_line").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], {
-          type: 'line',
-          lineColor: '#26B99A',
-          fillColor: '#ffffff',
-          width: 85,
-          spotColor: '#34495E',
-          minSpotColor: '#34495E'
-        });
-
-        $(".sparkline_pie").sparkline([1, 1, 2, 1], {
-          type: 'pie',
-          sliceColors: ['#26B99A', '#ccc', '#75BCDD', '#D66DE2']
-        });
-
-        $(".sparkline_discreet").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 2, 4, 3, 7, 8, 9, 7, 6, 4, 3], {
-          type: 'discrete',
-          barWidth: 3,
-          lineColor: '#26B99A',
-          width: '85',
-        });
-
-      });
-    </script>
-    <!-- /jQuery Sparklines -->
   </body>
 </html>

production/page_403.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -61,6 +61,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/page_404.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -61,6 +61,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/page_500.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -61,6 +61,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/plain_page.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -161,7 +161,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -341,6 +341,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
     
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/pricing_tables.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -481,6 +481,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
     
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/profile.html

@@ -19,7 +19,7 @@
     <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
     
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -576,112 +576,7 @@
     <script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
     
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <script>
-      $(function() {
-        Morris.Bar({
-          element: 'graph_bar',
-          data: [
-            { "period": "Jan", "Hours worked": 80 }, 
-            { "period": "Feb", "Hours worked": 125 }, 
-            { "period": "Mar", "Hours worked": 176 }, 
-            { "period": "Apr", "Hours worked": 224 }, 
-            { "period": "May", "Hours worked": 265 }, 
-            { "period": "Jun", "Hours worked": 314 }, 
-            { "period": "Jul", "Hours worked": 347 }, 
-            { "period": "Aug", "Hours worked": 287 }, 
-            { "period": "Sep", "Hours worked": 240 }, 
-            { "period": "Oct", "Hours worked": 211 }
-          ],
-          xkey: 'period',
-          hideHover: 'auto',
-          barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
-          ykeys: ['Hours worked', 'sorned'],
-          labels: ['Hours worked', 'SORN'],
-          xLabelAngle: 60,
-          resize: true
-        });
-
-        $MENU_TOGGLE.on('click', function() {
-          $(window).resize();
-        });
-      });
-    </script>
-
-    <!-- datepicker -->
-    <script type="text/javascript">
-      $(document).ready(function() {
-
-        var cb = function(start, end, label) {
-          console.log(start.toISOString(), end.toISOString(), label);
-          $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
-          //alert("Callback has fired: [" + start.format('MMMM D, YYYY') + " to " + end.format('MMMM D, YYYY') + ", label = " + label + "]");
-        }
-
-        var optionSet1 = {
-          startDate: moment().subtract(29, 'days'),
-          endDate: moment(),
-          minDate: '01/01/2012',
-          maxDate: '12/31/2015',
-          dateLimit: {
-            days: 60
-          },
-          showDropdowns: true,
-          showWeekNumbers: true,
-          timePicker: false,
-          timePickerIncrement: 1,
-          timePicker12Hour: true,
-          ranges: {
-            'Today': [moment(), moment()],
-            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-            'This Month': [moment().startOf('month'), moment().endOf('month')],
-            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
-          },
-          opens: 'left',
-          buttonClasses: ['btn btn-default'],
-          applyClass: 'btn-small btn-primary',
-          cancelClass: 'btn-small',
-          format: 'MM/DD/YYYY',
-          separator: ' to ',
-          locale: {
-            applyLabel: 'Submit',
-            cancelLabel: 'Clear',
-            fromLabel: 'From',
-            toLabel: 'To',
-            customRangeLabel: 'Custom',
-            daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
-            monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-            firstDay: 1
-          }
-        };
-        $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
-        $('#reportrange').daterangepicker(optionSet1, cb);
-        $('#reportrange').on('show.daterangepicker', function() {
-          console.log("show event fired");
-        });
-        $('#reportrange').on('hide.daterangepicker', function() {
-          console.log("hide event fired");
-        });
-        $('#reportrange').on('apply.daterangepicker', function(ev, picker) {
-          console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
-        });
-        $('#reportrange').on('cancel.daterangepicker', function(ev, picker) {
-          console.log("cancel event fired");
-        });
-        $('#options1').click(function() {
-          $('#reportrange').data('daterangepicker').setOptions(optionSet1, cb);
-        });
-        $('#options2').click(function() {
-          $('#reportrange').data('daterangepicker').setOptions(optionSet2, cb);
-        });
-        $('#destroy').click(function() {
-          $('#reportrange').data('daterangepicker').remove();
-        });
-      });
-    </script>
-    <!-- /datepicker -->
   </body>
 </html>

production/project_detail.html

@@ -19,7 +19,7 @@
     <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -478,9 +478,10 @@
     <script src="../vendors/echarts/dist/echarts.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
     <!-- ECharts -->
+	<!--
     <script>
       var theme = {
           color: [
@@ -771,6 +772,7 @@
         }]
       });
     </script>
+	-->
     <!-- /ECharts -->
   </body>
 </html>

production/projects.html

@@ -19,7 +19,7 @@
     <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -684,6 +684,6 @@
     <script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
     
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/tables.html

@@ -16,10 +16,10 @@
     <!-- NProgress -->
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     <!-- iCheck -->
-    <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
+   <!-- <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">-->
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -557,8 +557,11 @@
                       <table class="table table-striped jambo_table bulk_action">
                         <thead>
                           <tr class="headings">
-                            <th>
-                              <input type="checkbox" id="check-all" class="flat">
+                            <th class="text-right">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </th>
                             <th class="column-title">Invoice </th>
                             <th class="column-title">Invoice Date </th>
@@ -577,7 +580,10 @@
                         <tbody>
                           <tr class="even pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000040</td>
                             <td class=" ">May 23, 2014 11:47:56 PM </td>
@@ -590,7 +596,10 @@
                           </tr>
                           <tr class="odd pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000039</td>
                             <td class=" ">May 23, 2014 11:30:12 PM</td>
@@ -604,7 +613,10 @@
                           </tr>
                           <tr class="even pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000038</td>
                             <td class=" ">May 24, 2014 10:55:33 PM</td>
@@ -618,7 +630,10 @@
                           </tr>
                           <tr class="odd pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000037</td>
                             <td class=" ">May 24, 2014 10:52:44 PM</td>
@@ -631,7 +646,10 @@
                           </tr>
                           <tr class="even pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000040</td>
                             <td class=" ">May 24, 2014 11:47:56 PM </td>
@@ -644,7 +662,10 @@
                           </tr>
                           <tr class="odd pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000039</td>
                             <td class=" ">May 26, 2014 11:30:12 PM</td>
@@ -658,7 +679,10 @@
                           </tr>
                           <tr class="even pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000038</td>
                             <td class=" ">May 26, 2014 10:55:33 PM</td>
@@ -671,7 +695,10 @@
                           </tr>
                           <tr class="odd pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000037</td>
                             <td class=" ">May 26, 2014 10:52:44 PM</td>
@@ -685,7 +712,10 @@
 
                           <tr class="even pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000040</td>
                             <td class=" ">May 27, 2014 11:47:56 PM </td>
@@ -698,7 +728,10 @@
                           </tr>
                           <tr class="odd pointer">
                             <td class="a-center ">
-                              <input type="checkbox" class="flat" name="table_records">
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name="table-records"/>
+									<div></div>
+								</label>
                             </td>
                             <td class=" ">121000039</td>
                             <td class=" ">May 28, 2014 11:30:12 PM</td>
@@ -711,7 +744,10 @@
                           </tr>
                         </tbody>
                       </table>
+					  
                     </div>
+							
+						
                   </div>
                 </div>
               </div>
@@ -740,9 +776,9 @@
     <!-- NProgress -->
     <script src="../vendors/nprogress/nprogress.js"></script>
     <!-- iCheck -->
-    <script src="../vendors/iCheck/icheck.min.js"></script>
+    <!--<script src="../vendors/iCheck/icheck.min.js"></script>-->
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/tables_dynamic.html

@@ -16,7 +16,7 @@
     <!-- NProgress -->
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     <!-- iCheck -->
-    <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
+    <!--<link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">-->
     <!-- Datatables -->
     <link href="../vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
     <link href="../vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css" rel="stylesheet">
@@ -25,7 +25,7 @@
     <link href="../vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -168,7 +168,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -825,7 +825,12 @@
                     <table id="datatable-checkbox" class="table table-striped table-bordered bulk_action">
                       <thead>
                         <tr>
-                          <th><input type="checkbox" id="check-all" class="flat"></th>
+                          <th>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </th>
                           <th>Name</th>
                           <th>Position</th>
                           <th>Office</th>
@@ -838,7 +843,12 @@
 
                       <tbody>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Tiger Nixon</td>
                           <td>System Architect</td>
                           <td>Edinburgh</td>
@@ -847,7 +857,12 @@
                           <td>$320,800</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                         <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Garrett Winters</td>
                           <td>Accountant</td>
                           <td>Tokyo</td>
@@ -856,7 +871,12 @@
                           <td>$170,750</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+							<td>
+								<label class="checkbox checkbox-wp">
+									<input type="checkbox" name='table_records' class="checkbox-action" />
+									<div></div>
+								</label>
+						  </td>
                           <td>Ashton Cox</td>
                           <td>Junior Technical Author</td>
                           <td>San Francisco</td>
@@ -865,7 +885,12 @@
                           <td>$86,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Cedric Kelly</td>
                           <td>Senior Javascript Developer</td>
                           <td>Edinburgh</td>
@@ -874,7 +899,12 @@
                           <td>$433,060</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Airi Satou</td>
                           <td>Accountant</td>
                           <td>Tokyo</td>
@@ -883,7 +913,12 @@
                           <td>$162,700</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Brielle Williamson</td>
                           <td>Integration Specialist</td>
                           <td>New York</td>
@@ -892,7 +927,12 @@
                           <td>$372,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Herrod Chandler</td>
                           <td>Sales Assistant</td>
                           <td>San Francisco</td>
@@ -901,7 +941,12 @@
                           <td>$137,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Rhona Davidson</td>
                           <td>Integration Specialist</td>
                           <td>Tokyo</td>
@@ -910,7 +955,12 @@
                           <td>$327,900</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Colleen Hurst</td>
                           <td>Javascript Developer</td>
                           <td>San Francisco</td>
@@ -919,7 +969,12 @@
                           <td>$205,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Sonya Frost</td>
                           <td>Software Engineer</td>
                           <td>Edinburgh</td>
@@ -928,7 +983,12 @@
                           <td>$103,600</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Jena Gaines</td>
                           <td>Office Manager</td>
                           <td>London</td>
@@ -937,7 +997,12 @@
                           <td>$90,560</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Quinn Flynn</td>
                           <td>Support Lead</td>
                           <td>Edinburgh</td>
@@ -946,7 +1011,12 @@
                           <td>$342,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+						  <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Charde Marshall</td>
                           <td>Regional Director</td>
                           <td>San Francisco</td>
@@ -955,7 +1025,12 @@
                           <td>$470,600</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+						   <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Haley Kennedy</td>
                           <td>Senior Marketing Designer</td>
                           <td>London</td>
@@ -964,7 +1039,12 @@
                           <td>$313,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Tatyana Fitzpatrick</td>
                           <td>Regional Director</td>
                           <td>London</td>
@@ -973,7 +1053,12 @@
                           <td>$385,750</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Michael Silva</td>
                           <td>Marketing Designer</td>
                           <td>London</td>
@@ -982,7 +1067,12 @@
                           <td>$198,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Paul Byrd</td>
                           <td>Chief Financial Officer (CFO)</td>
                           <td>New York</td>
@@ -991,7 +1081,12 @@
                           <td>$725,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Gloria Little</td>
                           <td>Systems Administrator</td>
                           <td>New York</td>
@@ -1000,7 +1095,12 @@
                           <td>$237,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Bradley Greer</td>
                           <td>Software Engineer</td>
                           <td>London</td>
@@ -1009,7 +1109,12 @@
                           <td>$132,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Dai Rios</td>
                           <td>Personnel Lead</td>
                           <td>Edinburgh</td>
@@ -1018,7 +1123,12 @@
                           <td>$217,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Jenette Caldwell</td>
                           <td>Development Lead</td>
                           <td>New York</td>
@@ -1027,7 +1137,12 @@
                           <td>$345,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Yuri Berry</td>
                           <td>Chief Marketing Officer (CMO)</td>
                           <td>New York</td>
@@ -1036,7 +1151,12 @@
                           <td>$675,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Caesar Vance</td>
                           <td>Pre-Sales Support</td>
                           <td>New York</td>
@@ -1045,7 +1165,12 @@
                           <td>$106,450</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Doris Wilder</td>
                           <td>Sales Assistant</td>
                           <td>Sidney</td>
@@ -1054,7 +1179,12 @@
                           <td>$85,600</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Angelica Ramos</td>
                           <td>Chief Executive Officer (CEO)</td>
                           <td>London</td>
@@ -1063,7 +1193,12 @@
                           <td>$1,200,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Gavin Joyce</td>
                           <td>Developer</td>
                           <td>Edinburgh</td>
@@ -1072,7 +1207,12 @@
                           <td>$92,575</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Jennifer Chang</td>
                           <td>Regional Director</td>
                           <td>Singapore</td>
@@ -1081,7 +1221,12 @@
                           <td>$357,650</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Brenden Wagner</td>
                           <td>Software Engineer</td>
                           <td>San Francisco</td>
@@ -1090,7 +1235,12 @@
                           <td>$206,850</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Fiona Green</td>
                           <td>Chief Operating Officer (COO)</td>
                           <td>San Francisco</td>
@@ -1099,7 +1249,12 @@
                           <td>$850,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Shou Itou</td>
                           <td>Regional Marketing</td>
                           <td>Tokyo</td>
@@ -1108,7 +1263,12 @@
                           <td>$163,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Michelle House</td>
                           <td>Integration Specialist</td>
                           <td>Sidney</td>
@@ -1117,7 +1277,12 @@
                           <td>$95,400</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Suki Burks</td>
                           <td>Developer</td>
                           <td>London</td>
@@ -1126,7 +1291,12 @@
                           <td>$114,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Prescott Bartlett</td>
                           <td>Technical Author</td>
                           <td>London</td>
@@ -1135,7 +1305,12 @@
                           <td>$145,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Gavin Cortez</td>
                           <td>Team Leader</td>
                           <td>San Francisco</td>
@@ -1144,7 +1319,12 @@
                           <td>$235,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Martena Mccray</td>
                           <td>Post-Sales support</td>
                           <td>Edinburgh</td>
@@ -1153,7 +1333,12 @@
                           <td>$324,050</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Unity Butler</td>
                           <td>Marketing Designer</td>
                           <td>San Francisco</td>
@@ -1162,7 +1347,12 @@
                           <td>$85,675</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Howard Hatfield</td>
                           <td>Office Manager</td>
                           <td>San Francisco</td>
@@ -1171,7 +1361,12 @@
                           <td>$164,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Hope Fuentes</td>
                           <td>Secretary</td>
                           <td>San Francisco</td>
@@ -1180,7 +1375,12 @@
                           <td>$109,850</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Vivian Harrell</td>
                           <td>Financial Controller</td>
                           <td>San Francisco</td>
@@ -1189,7 +1389,12 @@
                           <td>$452,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Timothy Mooney</td>
                           <td>Office Manager</td>
                           <td>London</td>
@@ -1198,7 +1403,12 @@
                           <td>$136,200</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Jackson Bradshaw</td>
                           <td>Director</td>
                           <td>New York</td>
@@ -1207,7 +1417,12 @@
                           <td>$645,750</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Olivia Liang</td>
                           <td>Support Engineer</td>
                           <td>Singapore</td>
@@ -1216,7 +1431,12 @@
                           <td>$234,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Bruno Nash</td>
                           <td>Software Engineer</td>
                           <td>London</td>
@@ -1225,7 +1445,12 @@
                           <td>$163,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Sakura Yamamoto</td>
                           <td>Support Engineer</td>
                           <td>Tokyo</td>
@@ -1234,7 +1459,12 @@
                           <td>$139,575</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Thor Walton</td>
                           <td>Developer</td>
                           <td>New York</td>
@@ -1243,7 +1473,12 @@
                           <td>$98,540</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Finn Camacho</td>
                           <td>Support Engineer</td>
                           <td>San Francisco</td>
@@ -1252,7 +1487,12 @@
                           <td>$87,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Serge Baldwin</td>
                           <td>Data Coordinator</td>
                           <td>Singapore</td>
@@ -1261,7 +1501,12 @@
                           <td>$138,575</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Zenaida Frank</td>
                           <td>Software Engineer</td>
                           <td>New York</td>
@@ -1270,7 +1515,12 @@
                           <td>$125,250</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Zorita Serrano</td>
                           <td>Software Engineer</td>
                           <td>San Francisco</td>
@@ -1279,7 +1529,12 @@
                           <td>$115,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Jennifer Acosta</td>
                           <td>Junior Javascript Developer</td>
                           <td>Edinburgh</td>
@@ -1288,7 +1543,12 @@
                           <td>$75,650</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Cara Stevens</td>
                           <td>Sales Assistant</td>
                           <td>New York</td>
@@ -1297,7 +1557,12 @@
                           <td>$145,600</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Hermione Butler</td>
                           <td>Regional Director</td>
                           <td>London</td>
@@ -1306,7 +1571,12 @@
                           <td>$356,250</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Lael Greer</td>
                           <td>Systems Administrator</td>
                           <td>London</td>
@@ -1315,7 +1585,12 @@
                           <td>$103,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Jonas Alexander</td>
                           <td>Developer</td>
                           <td>San Francisco</td>
@@ -1324,7 +1599,12 @@
                           <td>$86,500</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Shad Decker</td>
                           <td>Regional Director</td>
                           <td>Edinburgh</td>
@@ -1333,7 +1613,12 @@
                           <td>$183,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Michael Bruce</td>
                           <td>Javascript Developer</td>
                           <td>Singapore</td>
@@ -1342,7 +1627,12 @@
                           <td>$183,000</td>
                         </tr>
                         <tr>
-                          <td><input type="checkbox" class="flat" name="table_records"></td>
+                          <td>
+							<label class="checkbox checkbox-wp">
+								<input type="checkbox" name='table_records' class="checkbox-action" />
+								<div></div>
+							</label>
+						  </td>
                           <td>Donna Snider</td>
                           <td>Customer Support</td>
                           <td>New York</td>
@@ -2869,7 +3159,7 @@
               <div class="col-md-12 col-sm-12 col-xs-12">
                 <div class="x_panel">
                   <div class="x_title">
-                    <h2>Responsive example <small>Users</small></h2>
+                    <h2>Responsive example<small>Users</small></h2>
                     <ul class="nav navbar-right panel_toolbox">
                       <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                       </li>
@@ -2891,6 +3181,7 @@
                     <p class="text-muted font-13 m-b-30">
                       Responsive is an extension for DataTables that resolves that problem by optimising the table's layout for different screen sizes through the dynamic insertion and removal of columns from the table.
                     </p>
+					
                     <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">
                       <thead>
                         <tr>
@@ -3535,7 +3826,8 @@
                         </tr>
                       </tbody>
                     </table>
-
+					
+					
                   </div>
                 </div>
               </div>
@@ -3583,88 +3875,7 @@
     <script src="../vendors/pdfmake/build/vfs_fonts.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
-    <!-- Datatables -->
-    <script>
-      $(document).ready(function() {
-        var handleDataTableButtons = function() {
-          if ($("#datatable-buttons").length) {
-            $("#datatable-buttons").DataTable({
-              dom: "Bfrtip",
-              buttons: [
-                {
-                  extend: "copy",
-                  className: "btn-sm"
-                },
-                {
-                  extend: "csv",
-                  className: "btn-sm"
-                },
-                {
-                  extend: "excel",
-                  className: "btn-sm"
-                },
-                {
-                  extend: "pdfHtml5",
-                  className: "btn-sm"
-                },
-                {
-                  extend: "print",
-                  className: "btn-sm"
-                },
-              ],
-              responsive: true
-            });
-          }
-        };
-
-        TableManageButtons = function() {
-          "use strict";
-          return {
-            init: function() {
-              handleDataTableButtons();
-            }
-          };
-        }();
-
-        $('#datatable').dataTable();
-
-        $('#datatable-keytable').DataTable({
-          keys: true
-        });
-
-        $('#datatable-responsive').DataTable();
-
-        $('#datatable-scroller').DataTable({
-          ajax: "js/datatables/json/scroller-demo.json",
-          deferRender: true,
-          scrollY: 380,
-          scrollCollapse: true,
-          scroller: true
-        });
-
-        $('#datatable-fixed-header').DataTable({
-          fixedHeader: true
-        });
-
-        var $datatable = $('#datatable-checkbox');
-
-        $datatable.dataTable({
-          'order': [[ 1, 'asc' ]],
-          'columnDefs': [
-            { orderable: false, targets: [0] }
-          ]
-        });
-        $datatable.on('draw.dt', function() {
-          $('input').iCheck({
-            checkboxClass: 'icheckbox_flat-green'
-          });
-        });
-
-        TableManageButtons.init();
-      });
-    </script>
-    <!-- /Datatables -->
   </body>
 </html>

production/typography.html

@@ -17,7 +17,7 @@
     <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
     
     <!-- Custom styling plus plugins -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -160,7 +160,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -377,6 +377,6 @@
     <script src="../vendors/nprogress/nprogress.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
   </body>
 </html>

production/widgets.html

@@ -19,7 +19,7 @@
     <link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
 
     <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
+    <link href="../build/css/style.css" rel="stylesheet">
   </head>
 
   <body class="nav-md">
@@ -162,7 +162,7 @@
               <a data-toggle="tooltip" data-placement="top" title="Lock">
                 <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
               </a>
-              <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                 <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
               </a>
             </div>
@@ -909,7 +909,7 @@
     <script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
 
     <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="../build/js/new-custom.js"></script>
 
     <!-- chart js -->
     <!-- <script type="text/javascript" src="js/moment/moment.min.js"></script> -->
@@ -919,7 +919,7 @@
     <!-- icheck -->
     <!-- <script src="js/icheck/icheck.min.js"></script> -->
 
-    <!-- <script src="../build/js/custom.min.js"></script> -->
+    <!-- <script src="../build/js/new-custom.js"></script> -->
 
     <!-- pace -->
     <!-- <script src="js/pace/pace.min.js"></script> -->
@@ -928,6 +928,8 @@
     <!-- <script src="js/sparkline/jquery.sparkline.min.js"></script> -->
     <!-- easypie -->
     <!-- <script src="js/easypie/jquery.easypiechart.min.js"></script> -->
+	
+	<!--
     <script>
       $(function() {
         $('.chart').easyPieChart({
@@ -945,7 +947,9 @@
         });
       });
     </script>
-
+	-->
+	
+	<!--
     <script>
       $(document).ready(function() {
         Chart.defaults.global.legend = {
@@ -1093,7 +1097,9 @@
         });
       });
     </script>
-    
+    -->
+	
+	<!--
     <script>
       $('document').ready(function() {
         $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
@@ -1119,5 +1125,6 @@
         });
       })
     </script>
+	-->
   </body>
 </html>

vendors/fullcalendar/dist/fullcalendar.css

@@ -1,5 +1,5 @@
 /*!
- * FullCalendar v2.7.3 Stylesheet
+ * FullCalendar v3.1.0 Stylesheet
  * Docs & License: http://fullcalendar.io/
  * (c) 2016 Adam Shaw
  */
@@ -22,14 +22,18 @@ body .fc { /* extra precedence to overcome jqui */
 /* Colors
 --------------------------------------------------------------------------------------------------*/
 
+/* for gutter border */
+
 .fc-unthemed th,
 .fc-unthemed td,
 .fc-unthemed thead,
 .fc-unthemed tbody,
 .fc-unthemed .fc-divider,
 .fc-unthemed .fc-row,
-.fc-unthemed .fc-content, /* for gutter border */
-.fc-unthemed .fc-popover {
+.fc-unthemed .fc-content, 
+.fc-unthemed .fc-popover,
+.fc-unthemed .fc-list-view,
+.fc-unthemed .fc-list-heading td {
 	border-color: #ddd;
 }
 
@@ -38,7 +42,8 @@ body .fc { /* extra precedence to overcome jqui */
 }
 
 .fc-unthemed .fc-divider,
-.fc-unthemed .fc-popover .fc-header {
+.fc-unthemed .fc-popover .fc-header,
+.fc-unthemed .fc-list-heading td {
 	background: #eee;
 }
 
@@ -46,20 +51,18 @@ body .fc { /* extra precedence to overcome jqui */
 	color: #666;
 }
 
-.fc-unthemed .fc-today {
+.fc-unthemed td.fc-today {
 	background: #fcf8e3;
 }
 
 .fc-highlight { /* when user is selecting cells */
 	background: #bce8f1;
 	opacity: .3;
-	filter: alpha(opacity=30); /* for IE */
 }
 
 .fc-bgevent { /* default look for background events */
 	background: rgb(143, 223, 130);
 	opacity: .3;
-	filter: alpha(opacity=30); /* for IE */
 }
 
 .fc-nonbusiness { /* default look for non-business-hours areas */
@@ -231,9 +234,9 @@ NOTE: use percentage font sizes or else old IE chokes
 	text-decoration: none;
 	background-position: 0 -15px;
 	-webkit-transition: background-position 0.1s linear;
-	   -moz-transition: background-position 0.1s linear;
-	     -o-transition: background-position 0.1s linear;
-	        transition: background-position 0.1s linear;
+	-moz-transition: background-position 0.1s linear;
+	-o-transition: background-position 0.1s linear;
+	 transition: background-position 0.1s linear;
 }
 
 .fc-state-down,
@@ -247,7 +250,6 @@ NOTE: use percentage font sizes or else old IE chokes
 	cursor: default;
 	background-image: none;
 	opacity: 0.65;
-	filter: alpha(opacity=65);
 	box-shadow: none;
 }
 
@@ -367,6 +369,7 @@ hr.fc-divider {
 
 .fc table {
 	width: 100%;
+	box-sizing: border-box; /* fix scrollbar issue in firefox */
 	table-layout: fixed;
 	border-collapse: collapse;
 	border-spacing: 0;
@@ -390,6 +393,18 @@ hr.fc-divider {
 }
 
 
+/* Internal Nav Links
+--------------------------------------------------------------------------------------------------*/
+
+a[data-goto] {
+	cursor: pointer;
+}
+
+a[data-goto]:hover {
+	text-decoration: underline;
+}
+
+
 /* Fake Table Rows
 --------------------------------------------------------------------------------------------------*/
 
@@ -508,10 +523,14 @@ temporary rendered events).
 	line-height: 1.3;
 	border-radius: 3px;
 	border: 1px solid #3a87ad; /* default BORDER color */
-	background-color: #3a87ad; /* default BACKGROUND color */
 	font-weight: normal; /* undo jqui's ui-widget-header bold */
 }
 
+.fc-event,
+.fc-event-dot {
+	background-color: #3a87ad; /* default BACKGROUND color */
+}
+
 /* overpower some of bootstrap's and jqui's styles on <a> tags */
 .fc-event,
 .fc-event:hover,
@@ -534,7 +553,6 @@ temporary rendered events).
 	z-index: 1;
 	background: #fff;
 	opacity: .25;
-	filter: alpha(opacity=25); /* for IE */
 }
 
 .fc-event .fc-content {
@@ -688,6 +706,10 @@ be a descendant of the grid when it is being dragged.
 	padding: 0 1px;
 }
 
+tr:first-child > td > .fc-day-grid-event {
+	margin-top: 2px; /* a little bit more space before the first event */
+}
+
 .fc-day-grid-event.fc-selected:after {
 	content: "";
 	position: absolute;
@@ -700,7 +722,6 @@ be a descendant of the grid when it is being dragged.
 	/* darkening effect */
 	background: #000;
 	opacity: .25;
-	filter: alpha(opacity=25); /* for IE */
 }
 
 .fc-day-grid-event .fc-content { /* force events to be one-line tall */
@@ -785,14 +806,23 @@ a.fc-more:hover {
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
+
+
 /* Toolbar
 --------------------------------------------------------------------------------------------------*/
 
 .fc-toolbar {
 	text-align: center;
+}
+
+.fc-toolbar.fc-header-toolbar {
 	margin-bottom: 1em;
 }
 
+.fc-toolbar.fc-footer-toolbar {
+	margin-top: 1em;
+}
+
 .fc-toolbar .fc-left {
 	float: left;
 }
@@ -866,6 +896,8 @@ a.fc-more:hover {
 	z-index: 1;
 }
 
+
+
 /* BasicView
 --------------------------------------------------------------------------------------------------*/
 
@@ -873,8 +905,7 @@ a.fc-more:hover {
 
 .fc-basicWeek-view .fc-content-skeleton,
 .fc-basicDay-view .fc-content-skeleton {
-	/* we are sure there are no day numbers in these views, so... */
-	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
+	/* there may be week numbers in these views, so no padding-top */
 	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
 }
 
@@ -897,42 +928,45 @@ a.fc-more:hover {
 
 /* week and day number styling */
 
+.fc-day-top.fc-other-month {
+	opacity: 0.3;
+}
+
 .fc-basic-view .fc-week-number,
 .fc-basic-view .fc-day-number {
-	padding: 0 2px;
+	padding: 2px;
 }
 
-.fc-basic-view td.fc-week-number span,
-.fc-basic-view td.fc-day-number {
-	padding-top: 2px;
-	padding-bottom: 2px;
+.fc-basic-view th.fc-week-number,
+.fc-basic-view th.fc-day-number {
+	padding: 0 2px; /* column headers can't have as much v space */
 }
 
-.fc-basic-view .fc-week-number {
+.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; }
+.fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: left; }
+
+.fc-ltr .fc-basic-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0; }
+.fc-rtl .fc-basic-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; }
+
+.fc-basic-view .fc-day-top .fc-week-number {
+	min-width: 1.5em;
+	text-align: center;
+	background-color: #f2f2f2;
+	color: #808080;
+}
+
+/* when week/day number have own column */
+
+.fc-basic-view td.fc-week-number {
 	text-align: center;
 }
 
-.fc-basic-view .fc-week-number span {
+.fc-basic-view td.fc-week-number > * {
 	/* work around the way we do column resizing and ensure a minimum width */
 	display: inline-block;
 	min-width: 1.25em;
 }
 
-.fc-ltr .fc-basic-view .fc-day-number {
-	text-align: right;
-}
-
-.fc-rtl .fc-basic-view .fc-day-number {
-	text-align: left;
-}
-
-.fc-day-number.fc-other-month {
-	opacity: 0.3;
-	filter: alpha(opacity=30); /* for IE */
-	/* opacity with small font can sometimes look too faded
-	   might want to set the 'color' property instead
-	   making day-numbers bold also fixes the problem */
-}
 
 /* AgendaView all-day area
 --------------------------------------------------------------------------------------------------*/
@@ -947,7 +981,6 @@ a.fc-more:hover {
 }
 
 .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
-	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
 	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
 }
 
@@ -1258,3 +1291,116 @@ be a descendant of the grid when it is being dragged.
 	border-top-color: transparent;
 	border-bottom-color: transparent;
 }
+
+
+
+/* List View
+--------------------------------------------------------------------------------------------------*/
+
+/* possibly reusable */
+
+.fc-event-dot {
+	display: inline-block;
+	width: 10px;
+	height: 10px;
+	border-radius: 5px;
+}
+
+/* view wrapper */
+
+.fc-rtl .fc-list-view {
+	direction: rtl; /* unlike core views, leverage browser RTL */
+}
+
+.fc-list-view {
+	border-width: 1px;
+	border-style: solid;
+}
+
+/* table resets */
+
+.fc .fc-list-table {
+	table-layout: auto; /* for shrinkwrapping cell content */
+}
+
+.fc-list-table td {
+	border-width: 1px 0 0;
+	padding: 8px 14px;
+}
+
+.fc-list-table tr:first-child td {
+	border-top-width: 0;
+}
+
+/* day headings with the list */
+
+.fc-list-heading {
+	border-bottom-width: 1px;
+}
+
+.fc-list-heading td {
+	font-weight: bold;
+}
+
+.fc-ltr .fc-list-heading-main { float: left; }
+.fc-ltr .fc-list-heading-alt { float: right; }
+
+.fc-rtl .fc-list-heading-main { float: right; }
+.fc-rtl .fc-list-heading-alt { float: left; }
+
+/* event list items */
+
+.fc-list-item.fc-has-url {
+	cursor: pointer; /* whole row will be clickable */
+}
+
+.fc-list-item:hover td {
+	background-color: #f5f5f5;
+}
+
+.fc-list-item-marker,
+.fc-list-item-time {
+	white-space: nowrap;
+	width: 1px;
+}
+
+/* make the dot closer to the event title */
+.fc-ltr .fc-list-item-marker { padding-right: 0; }
+.fc-rtl .fc-list-item-marker { padding-left: 0; }
+
+.fc-list-item-title a {
+	/* every event title cell has an <a> tag */
+	text-decoration: none;
+	color: inherit;
+}
+
+.fc-list-item-title a[href]:hover {
+	/* hover effect only on titles with hrefs */
+	text-decoration: underline;
+}
+
+/* message when no events */
+
+.fc-list-empty-wrap2 {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+}
+
+.fc-list-empty-wrap1 {
+	width: 100%;
+	height: 100%;
+	display: table;
+}
+
+.fc-list-empty {
+	display: table-cell;
+	vertical-align: middle;
+	text-align: center;
+}
+
+.fc-unthemed .fc-list-empty { /* theme will provide own background */
+	background-color: #eee;
+}