Compile changes

Merge pull request #717 from zviryatko/patch-1
Fix animation bug with collapsed sidebar and treeview menu.
2015-10-22 12:38:34 -04:00 · 2015-10-22 12:37:06 -04:00 · 2015-10-22 12:29:33 -04:00 · 2015-10-16 20:30:01 -04:00 · 2015-10-16 20:29:09 -04:00 · 2015-10-16 19:43:22 -04:00
148 changed files with 36119 additions and 28571 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,9 +1,10 @@
 *.DS_Store
-.idea
-/nbproject/private/
-/nbproject/
-/node_modules/
-TODO
-*.zip
-test.html
 *.log
+*.zip
+.idea
+/nbproject/
+/nbproject/private/
+/node_modules/
+ad.js
+TODO
+test.html
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -1,11 +1,4 @@
-/*!
- * Bootstrap's Gruntfile
- * http://getbootstrap.com
- * Copyright 2013-2015 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-
+// AdminLTE Gruntfile
 module.exports = function (grunt) {

  'use strict';
@@ -102,7 +95,7 @@ module.exports = function (grunt) {
        files: [{
          expand: true,
          cwd: 'build/img/',
-          src: ['**/*.{png,jpg,gif,svg}'],
+          src: ['**/*.{png,jpg,gif,svg,jpeg}'],
          dest: 'dist/img/'
        }]
      }
@@ -124,6 +117,7 @@ module.exports = function (grunt) {
      }
    },

+    // Validate CSS files
    csslint: {
      options: {
        csslintrc: 'build/less/.csslintrc'
@@ -133,6 +127,14 @@ module.exports = function (grunt) {
      ]
    },

+    // Validate Bootstrap HTML
+    bootlint: {
+      options: {
+        relaxerror: ['W005']
+      },
+      files: ['pages/**/*.html', '*.html']
+    },
+
    // Delete images in build directory
    // After compressing the images in the build/img dir, there is no need
    // for them
@@ -159,6 +161,11 @@ module.exports = function (grunt) {
  grunt.loadNpmTasks('grunt-contrib-clean');
  // Lint CSS
  grunt.loadNpmTasks('grunt-contrib-csslint');
+  // Lint Bootstrap
+  grunt.loadNpmTasks('grunt-bootlint');
+
+  // Linting task
+  grunt.registerTask('lint', ['jshint', 'csslint', 'bootlint']);

  // The default task (running "grunt" in console) is "watch"
  grunt.registerTask('default', ['watch']);
--- a/README.md
+++ b/README.md
@@ -84,7 +84,7 @@ Todo List
 - ~~Right sidebar~~ (Done v2.1.0)
 - ~~Minified main-sidebar~~ (Done v2.1.0)
 - Right to left support
- Custom pace style
+- ~~Custom pace style~~ (Done v2.3.1)

 Legacy Realeases
 ----------------
@@ -92,6 +92,19 @@ AdminLTE 1.x can be easily upgraded to 2.x using [this guide](https://almsaeedst

 Change log
 ----------
+**v2.3.1:**
+- Fix sidebar issue #676
+- Fix BootLint warnings and errors
+- Minor bug fixes and code reformat
+- Added Pace page
+
+**v2.3.0:**
+- Added social widgets (found in the widgets page)
+- Added profile page
+- Fix issue #430 (requires ```.hold-transition``` to be added to ```<body>```)
+- Fix issue #578
+- Fix issue #579
+
 **v2.2.1:**
 - Bug Fixes
 - Removed many ```!important``` statements in css
@@ -104,7 +117,7 @@ Change log
 - Added Clean to Grunt tasks (remove unwanted files like uncompressed images)
 - Updated Bootstrap to 3.3.5

-**v2.2.0**
+**v2.2.0:**
 - Bug fixes
 - Added support for [Select2](https://select2.github.io/)
 - Updated ChartJS
--- a/build/bootstrap-less/mixins.less
+++ b/build/bootstrap-less/mixins.less
@@ -1,6 +1,5 @@
 // Mixins
 // --------------------------------------------------
-
 // Utilities
@import "mixins/hide-text.less";
@import "mixins/opacity.less";
@@ -11,10 +10,10 @@
@import "mixins/responsive-visibility.less";
@import "mixins/size.less";
@import "mixins/tab-focus.less";
+@import "mixins/reset-text.less";
@import "mixins/text-emphasis.less";
@import "mixins/text-overflow.less";
@import "mixins/vendor-prefixes.less";
-
 // Components
@import "mixins/alerts.less";
@import "mixins/buttons.less";
@@ -25,12 +24,10 @@
@import "mixins/forms.less";
@import "mixins/progress-bar.less";
@import "mixins/table-row.less";
-
 // Skins
@import "mixins/background-variant.less";
@import "mixins/border-radius.less";
@import "mixins/gradients.less";
-
 // Layout
@import "mixins/clearfix.less";
@import "mixins/center-block.less";
--- a/build/bootstrap-less/mixins/background-variant.less
+++ b/build/bootstrap-less/mixins/background-variant.less
@@ -2,7 +2,8 @@

 .bg-variant(@color) {
  background-color: @color;
-  a&:hover {
+  a&:hover,
+  a&:focus {
    background-color: darken(@color, 10%);
  }
 }
--- a/build/bootstrap-less/mixins/border-radius.less
+++ b/build/bootstrap-less/mixins/border-radius.less
@@ -2,17 +2,20 @@

 .border-top-radius(@radius) {
  border-top-right-radius: @radius;
-   border-top-left-radius: @radius;
+  border-top-left-radius: @radius;
 }
+
 .border-right-radius(@radius) {
  border-bottom-right-radius: @radius;
-     border-top-right-radius: @radius;
+  border-top-right-radius: @radius;
 }
+
 .border-bottom-radius(@radius) {
  border-bottom-right-radius: @radius;
-   border-bottom-left-radius: @radius;
+  border-bottom-left-radius: @radius;
 }
+
 .border-left-radius(@radius) {
  border-bottom-left-radius: @radius;
-     border-top-left-radius: @radius;
+  border-top-left-radius: @radius;
 }
--- a/build/bootstrap-less/mixins/buttons.less
+++ b/build/bootstrap-less/mixins/buttons.less
@@ -8,15 +8,31 @@
  background-color: @background;
  border-color: @border;

-  &:hover,
  &:focus,
-  &.focus,
+  &.focus {
+    color: @color;
+    background-color: darken(@background, 10%);
+    border-color: darken(@border, 25%);
+  }
+  &:hover {
+    color: @color;
+    background-color: darken(@background, 10%);
+    border-color: darken(@border, 12%);
+  }
  &:active,
  &.active,
  .open > .dropdown-toggle& {
    color: @color;
    background-color: darken(@background, 10%);
-        border-color: darken(@border, 12%);
+    border-color: darken(@border, 12%);
+
+    &:hover,
+    &:focus,
+    &.focus {
+      color: @color;
+      background-color: darken(@background, 17%);
+      border-color: darken(@border, 25%);
+    }
  }
  &:active,
  &.active,
@@ -33,7 +49,7 @@
    &:active,
    &.active {
      background-color: @background;
-          border-color: @border;
+      border-color: @border;
    }
  }

--- a/build/bootstrap-less/mixins/forms.less
+++ b/build/bootstrap-less/mixins/forms.less
@@ -14,16 +14,16 @@
  &.radio label,
  &.checkbox label,
  &.radio-inline label,
-  &.checkbox-inline label  {
+  &.checkbox-inline label {
    color: @text-color;
  }
  // Set the border and box shadow on specific inputs to match
  .form-control {
    border-color: @border-color;
-    .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
+    .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
    &:focus {
      border-color: darken(@border-color, 10%);
-      @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
+      @shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@border-color, 20%);
      .box-shadow(@shadow);
    }
  }
@@ -39,7 +39,6 @@
  }
 }

-
 // Form control focus state
 //
 // Generate a customized focus state and for any input with the specified color,
@@ -79,7 +78,7 @@
  }

  textarea&,
-  select[multiple]& {
+  select[multiple] & {
    height: auto;
  }
 }
--- a/build/bootstrap-less/mixins/gradients.less
+++ b/build/bootstrap-less/mixins/gradients.less
@@ -11,7 +11,7 @@
    background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
    background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
    background-repeat: repeat-x;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down
  }

  // Vertical gradient, from top to bottom
@@ -19,11 +19,11 @@
  // Creates two color stops, start and end, by specifying a color and position for each color stop.
  // Color stops are not available in IE9 and below.
  .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent);  // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent);  // Opera 12
+    background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
+    background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12
    background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
    background-repeat: repeat-x;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down
  }

  .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
@@ -37,14 +37,14 @@
    background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
    background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
    background-repeat: no-repeat;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
  }
  .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
    background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
    background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
    background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
    background-repeat: no-repeat;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
  }
  .radial(@inner-color: #555; @outer-color: #333) {
    background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
--- a/build/bootstrap-less/mixins/grid-framework.less
+++ b/build/bootstrap-less/mixins/grid-framework.less
@@ -5,21 +5,24 @@

 .make-grid-columns() {
  // Common styles for all sizes of grid columns, widths 1-12
-  .col(@index) { // initial
+  .col(@index) {
+    // initial
    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
    .col((@index + 1), @item);
  }
-  .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
+  .col(@index, @list) when (@index =< @grid-columns) {
+    // general; "=<" isn't a typo
    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
    .col((@index + 1), ~"@{list}, @{item}");
  }
-  .col(@index, @list) when (@index > @grid-columns) { // terminal
+  .col(@index, @list) when (@index > @grid-columns) {
+    // terminal
    @{list} {
      position: relative;
      // Prevent columns from collapsing when empty
      min-height: 1px;
      // Inner gutter via padding
-      padding-left:  (@grid-gutter-width / 2);
+      padding-left: (@grid-gutter-width / 2);
      padding-right: (@grid-gutter-width / 2);
    }
  }
@@ -27,15 +30,18 @@
 }

 .float-grid-columns(@class) {
-  .col(@index) { // initial
+  .col(@index) {
+    // initial
    @item: ~".col-@{class}-@{index}";
    .col((@index + 1), @item);
  }
-  .col(@index, @list) when (@index =< @grid-columns) { // general
+  .col(@index, @list) when (@index =< @grid-columns) {
+    // general
    @item: ~".col-@{class}-@{index}";
    .col((@index + 1), ~"@{list}, @{item}");
  }
-  .col(@index, @list) when (@index > @grid-columns) { // terminal
+  .col(@index, @list) when (@index > @grid-columns) {
+    // terminal
    @{list} {
      float: left;
    }
@@ -48,26 +54,31 @@
    width: percentage((@index / @grid-columns));
  }
 }
+
 .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
  .col-@{class}-push-@{index} {
    left: percentage((@index / @grid-columns));
  }
 }
+
 .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
  .col-@{class}-push-0 {
    left: auto;
  }
 }
+
 .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
  .col-@{class}-pull-@{index} {
    right: percentage((@index / @grid-columns));
  }
 }
+
 .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
  .col-@{class}-pull-0 {
    right: auto;
  }
 }
+
 .calc-grid-column(@index, @class, @type) when (@type = offset) {
  .col-@{class}-offset-@{index} {
    margin-left: percentage((@index / @grid-columns));
--- a/build/bootstrap-less/mixins/grid.less
+++ b/build/bootstrap-less/mixins/grid.less
@@ -6,15 +6,15 @@
 .container-fixed(@gutter: @grid-gutter-width) {
  margin-right: auto;
  margin-left: auto;
-  padding-left:  (@gutter / 2);
+  padding-left: (@gutter / 2);
  padding-right: (@gutter / 2);
  &:extend(.clearfix all);
 }

 // Creates a wrapper for a series of columns
 .make-row(@gutter: @grid-gutter-width) {
-  margin-left:  (@gutter / -2);
-  margin-right: (@gutter / -2);
+  margin-left: ceil((@gutter / -2));
+  margin-right: floor((@gutter / -2));
  &:extend(.clearfix all);
 }

@@ -24,15 +24,18 @@
  float: left;
  width: percentage((@columns / @grid-columns));
  min-height: 1px;
-  padding-left:  (@gutter / 2);
+  padding-left: (@gutter / 2);
  padding-right: (@gutter / 2);
 }
+
 .make-xs-column-offset(@columns) {
  margin-left: percentage((@columns / @grid-columns));
 }
+
 .make-xs-column-push(@columns) {
  left: percentage((@columns / @grid-columns));
 }
+
 .make-xs-column-pull(@columns) {
  right: percentage((@columns / @grid-columns));
 }
@@ -41,7 +44,7 @@
 .make-sm-column(@columns; @gutter: @grid-gutter-width) {
  position: relative;
  min-height: 1px;
-  padding-left:  (@gutter / 2);
+  padding-left: (@gutter / 2);
  padding-right: (@gutter / 2);

  @media (min-width: @screen-sm-min) {
@@ -49,16 +52,19 @@
    width: percentage((@columns / @grid-columns));
  }
 }
+
 .make-sm-column-offset(@columns) {
  @media (min-width: @screen-sm-min) {
    margin-left: percentage((@columns / @grid-columns));
  }
 }
+
 .make-sm-column-push(@columns) {
  @media (min-width: @screen-sm-min) {
    left: percentage((@columns / @grid-columns));
  }
 }
+
 .make-sm-column-pull(@columns) {
  @media (min-width: @screen-sm-min) {
    right: percentage((@columns / @grid-columns));
@@ -69,7 +75,7 @@
 .make-md-column(@columns; @gutter: @grid-gutter-width) {
  position: relative;
  min-height: 1px;
-  padding-left:  (@gutter / 2);
+  padding-left: (@gutter / 2);
  padding-right: (@gutter / 2);

  @media (min-width: @screen-md-min) {
@@ -77,16 +83,19 @@
    width: percentage((@columns / @grid-columns));
  }
 }
+
 .make-md-column-offset(@columns) {
  @media (min-width: @screen-md-min) {
    margin-left: percentage((@columns / @grid-columns));
  }
 }
+
 .make-md-column-push(@columns) {
  @media (min-width: @screen-md-min) {
    left: percentage((@columns / @grid-columns));
  }
 }
+
 .make-md-column-pull(@columns) {
  @media (min-width: @screen-md-min) {
    right: percentage((@columns / @grid-columns));
@@ -97,7 +106,7 @@
 .make-lg-column(@columns; @gutter: @grid-gutter-width) {
  position: relative;
  min-height: 1px;
-  padding-left:  (@gutter / 2);
+  padding-left: (@gutter / 2);
  padding-right: (@gutter / 2);

  @media (min-width: @screen-lg-min) {
@@ -105,16 +114,19 @@
    width: percentage((@columns / @grid-columns));
  }
 }
+
 .make-lg-column-offset(@columns) {
  @media (min-width: @screen-lg-min) {
    margin-left: percentage((@columns / @grid-columns));
  }
 }
+
 .make-lg-column-push(@columns) {
  @media (min-width: @screen-lg-min) {
    left: percentage((@columns / @grid-columns));
  }
 }
+
 .make-lg-column-pull(@columns) {
  @media (min-width: @screen-lg-min) {
    right: percentage((@columns / @grid-columns));
--- a/build/bootstrap-less/mixins/hide-text.less
+++ b/build/bootstrap-less/mixins/hide-text.less
@@ -1,6 +1,6 @@
 // CSS image replacement
 //
-// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
+// Heads up! v3 launched with only `.hide-text()`, but per our pattern for
 // mixins being reused as classes with the same name, this doesn't hold up. As
 // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
 //
--- a/build/bootstrap-less/mixins/image.less
+++ b/build/bootstrap-less/mixins/image.less
@@ -2,7 +2,6 @@
 // - Responsive image
 // - Retina image

-
 // Responsive image
 //
 // Keep images from scaling beyond the width of their parents.
@@ -12,7 +11,6 @@
  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
 }

-
 // Retina image
 //
 // Short retina mixin for setting background-image and -size. Note that the
@@ -20,13 +18,7 @@
 .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
  background-image: url("@{file-1x}");

-  @media
-  only screen and (-webkit-min-device-pixel-ratio: 2),
-  only screen and (   min--moz-device-pixel-ratio: 2),
-  only screen and (     -o-min-device-pixel-ratio: 2/1),
-  only screen and (        min-device-pixel-ratio: 2),
-  only screen and (                min-resolution: 192dpi),
-  only screen and (                min-resolution: 2dppx) {
+  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {
    background-image: url("@{file-2x}");
    background-size: @width-1x @height-1x;
  }
--- a/build/bootstrap-less/mixins/list-group.less
+++ b/build/bootstrap-less/mixins/list-group.less
@@ -5,7 +5,8 @@
    color: @color;
    background-color: @background;

-    a& {
+    a&,
+    button& {
      color: @color;

      .list-group-item-heading {
--- a/build/bootstrap-less/mixins/pagination.less
+++ b/build/bootstrap-less/mixins/pagination.less
@@ -1,11 +1,12 @@
 // Pagination

-.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
+.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
  > li {
    > a,
    > span {
      padding: @padding-vertical @padding-horizontal;
      font-size: @font-size;
+      line-height: @line-height;
    }
    &:first-child {
      > a,
--- a/build/bootstrap-less/mixins/reset-text.less
+++ b/build/bootstrap-less/mixins/reset-text.less
@@ -0,0 +1,18 @@
+.reset-text() {
+  font-family: @font-family-base;
+  // We deliberately do NOT reset font-size.
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
+  line-break: auto;
+  line-height: @line-height-base;
+  text-align: left; // Fallback for where `start` is not supported
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  white-space: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+}
--- a/build/bootstrap-less/mixins/responsive-visibility.less
+++ b/build/bootstrap-less/mixins/responsive-visibility.less
@@ -4,10 +4,16 @@
 // More easily include all the states for responsive-utilities.less.
 .responsive-visibility() {
  display: block !important;
-  table&  { display: table; }
-  tr&     { display: table-row !important; }
+  table& {
+    display: table !important;
+  }
+  tr& {
+    display: table-row !important;
+  }
  th&,
-  td&     { display: table-cell !important; }
+  td& {
+    display: table-cell !important;
+  }
 }

 .responsive-invisibility() {
--- a/build/bootstrap-less/mixins/text-emphasis.less
+++ b/build/bootstrap-less/mixins/text-emphasis.less
@@ -2,7 +2,8 @@

 .text-emphasis-variant(@color) {
  color: @color;
-  a&:hover {
+  a&:hover,
+  a&:focus {
    color: darken(@color, 10%);
  }
 }
--- a/build/bootstrap-less/mixins/vendor-prefixes.less
+++ b/build/bootstrap-less/mixins/vendor-prefixes.less
@@ -14,50 +14,56 @@
 // - Transitions
 // - User Select

-
 // Animations
 .animation(@animation) {
  -webkit-animation: @animation;
-       -o-animation: @animation;
-          animation: @animation;
+  -o-animation: @animation;
+  animation: @animation;
 }
+
 .animation-name(@name) {
  -webkit-animation-name: @name;
-          animation-name: @name;
+  animation-name: @name;
 }
+
 .animation-duration(@duration) {
  -webkit-animation-duration: @duration;
-          animation-duration: @duration;
+  animation-duration: @duration;
 }
+
 .animation-timing-function(@timing-function) {
  -webkit-animation-timing-function: @timing-function;
-          animation-timing-function: @timing-function;
+  animation-timing-function: @timing-function;
 }
+
 .animation-delay(@delay) {
  -webkit-animation-delay: @delay;
-          animation-delay: @delay;
+  animation-delay: @delay;
 }
+
 .animation-iteration-count(@iteration-count) {
  -webkit-animation-iteration-count: @iteration-count;
-          animation-iteration-count: @iteration-count;
+  animation-iteration-count: @iteration-count;
 }
+
 .animation-direction(@direction) {
  -webkit-animation-direction: @direction;
-          animation-direction: @direction;
+  animation-direction: @direction;
 }
+
 .animation-fill-mode(@fill-mode) {
  -webkit-animation-fill-mode: @fill-mode;
-          animation-fill-mode: @fill-mode;
+  animation-fill-mode: @fill-mode;
 }

 // Backface visibility
 // Prevent browsers from flickering when using CSS 3D transforms.
 // Default value is `visible`, but can be changed to `hidden`

-.backface-visibility(@visibility){
+.backface-visibility(@visibility) {
  -webkit-backface-visibility: @visibility;
-     -moz-backface-visibility: @visibility;
-          backface-visibility: @visibility;
+  -moz-backface-visibility: @visibility;
+  backface-visibility: @visibility;
 }

 // Drop shadows
@@ -67,34 +73,34 @@

 .box-shadow(@shadow) {
  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
-          box-shadow: @shadow;
+  box-shadow: @shadow;
 }

 // Box sizing
 .box-sizing(@boxmodel) {
  -webkit-box-sizing: @boxmodel;
-     -moz-box-sizing: @boxmodel;
-          box-sizing: @boxmodel;
+  -moz-box-sizing: @boxmodel;
+  box-sizing: @boxmodel;
 }

 // CSS3 Content Columns
 .content-columns(@column-count; @column-gap: @grid-gutter-width) {
  -webkit-column-count: @column-count;
-     -moz-column-count: @column-count;
-          column-count: @column-count;
+  -moz-column-count: @column-count;
+  column-count: @column-count;
  -webkit-column-gap: @column-gap;
-     -moz-column-gap: @column-gap;
-          column-gap: @column-gap;
+  -moz-column-gap: @column-gap;
+  column-gap: @column-gap;
 }

 // Optional hyphenation
 .hyphens(@mode: auto) {
  word-wrap: break-word;
  -webkit-hyphens: @mode;
-     -moz-hyphens: @mode;
-      -ms-hyphens: @mode; // IE10+
-       -o-hyphens: @mode;
-          hyphens: @mode;
+  -moz-hyphens: @mode;
+  -ms-hyphens: @mode; // IE10+
+  -o-hyphens: @mode;
+  hyphens: @mode;
 }

 // Placeholder text
@@ -104,124 +110,145 @@
    color: @color;
    opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
  }
-  &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
-  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome
+  &:-ms-input-placeholder {
+    color: @color;
+  }
+  // Internet Explorer 10+
+  &::-webkit-input-placeholder {
+    color: @color;
+  }
+  // Safari and Chrome
 }

 // Transformations
 .scale(@ratio) {
  -webkit-transform: scale(@ratio);
-      -ms-transform: scale(@ratio); // IE9 only
-       -o-transform: scale(@ratio);
-          transform: scale(@ratio);
-}
-.scale(@ratioX; @ratioY) {
-  -webkit-transform: scale(@ratioX, @ratioY);
-      -ms-transform: scale(@ratioX, @ratioY); // IE9 only
-       -o-transform: scale(@ratioX, @ratioY);
-          transform: scale(@ratioX, @ratioY);
-}
-.scaleX(@ratio) {
-  -webkit-transform: scaleX(@ratio);
-      -ms-transform: scaleX(@ratio); // IE9 only
-       -o-transform: scaleX(@ratio);
-          transform: scaleX(@ratio);
-}
-.scaleY(@ratio) {
-  -webkit-transform: scaleY(@ratio);
-      -ms-transform: scaleY(@ratio); // IE9 only
-       -o-transform: scaleY(@ratio);
-          transform: scaleY(@ratio);
-}
-.skew(@x; @y) {
-  -webkit-transform: skewX(@x) skewY(@y);
-      -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-       -o-transform: skewX(@x) skewY(@y);
-          transform: skewX(@x) skewY(@y);
-}
-.translate(@x; @y) {
-  -webkit-transform: translate(@x, @y);
-      -ms-transform: translate(@x, @y); // IE9 only
-       -o-transform: translate(@x, @y);
-          transform: translate(@x, @y);
-}
-.translate3d(@x; @y; @z) {
-  -webkit-transform: translate3d(@x, @y, @z);
-          transform: translate3d(@x, @y, @z);
-}
-.rotate(@degrees) {
-  -webkit-transform: rotate(@degrees);
-      -ms-transform: rotate(@degrees); // IE9 only
-       -o-transform: rotate(@degrees);
-          transform: rotate(@degrees);
-}
-.rotateX(@degrees) {
-  -webkit-transform: rotateX(@degrees);
-      -ms-transform: rotateX(@degrees); // IE9 only
-       -o-transform: rotateX(@degrees);
-          transform: rotateX(@degrees);
-}
-.rotateY(@degrees) {
-  -webkit-transform: rotateY(@degrees);
-      -ms-transform: rotateY(@degrees); // IE9 only
-       -o-transform: rotateY(@degrees);
-          transform: rotateY(@degrees);
-}
-.perspective(@perspective) {
-  -webkit-perspective: @perspective;
-     -moz-perspective: @perspective;
-          perspective: @perspective;
-}
-.perspective-origin(@perspective) {
-  -webkit-perspective-origin: @perspective;
-     -moz-perspective-origin: @perspective;
-          perspective-origin: @perspective;
-}
-.transform-origin(@origin) {
-  -webkit-transform-origin: @origin;
-     -moz-transform-origin: @origin;
-      -ms-transform-origin: @origin; // IE9 only
-          transform-origin: @origin;
+  -ms-transform: scale(@ratio); // IE9 only
+  -o-transform: scale(@ratio);
+  transform: scale(@ratio);
 }

+.scale(@ratioX; @ratioY) {
+  -webkit-transform: scale(@ratioX, @ratioY);
+  -ms-transform: scale(@ratioX, @ratioY); // IE9 only
+  -o-transform: scale(@ratioX, @ratioY);
+  transform: scale(@ratioX, @ratioY);
+}
+
+.scaleX(@ratio) {
+  -webkit-transform: scaleX(@ratio);
+  -ms-transform: scaleX(@ratio); // IE9 only
+  -o-transform: scaleX(@ratio);
+  transform: scaleX(@ratio);
+}
+
+.scaleY(@ratio) {
+  -webkit-transform: scaleY(@ratio);
+  -ms-transform: scaleY(@ratio); // IE9 only
+  -o-transform: scaleY(@ratio);
+  transform: scaleY(@ratio);
+}
+
+.skew(@x; @y) {
+  -webkit-transform: skewX(@x) skewY(@y);
+  -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
+  -o-transform: skewX(@x) skewY(@y);
+  transform: skewX(@x) skewY(@y);
+}
+
+.translate(@x; @y) {
+  -webkit-transform: translate(@x, @y);
+  -ms-transform: translate(@x, @y); // IE9 only
+  -o-transform: translate(@x, @y);
+  transform: translate(@x, @y);
+}
+
+.translate3d(@x; @y; @z) {
+  -webkit-transform: translate3d(@x, @y, @z);
+  transform: translate3d(@x, @y, @z);
+}
+
+.rotate(@degrees) {
+  -webkit-transform: rotate(@degrees);
+  -ms-transform: rotate(@degrees); // IE9 only
+  -o-transform: rotate(@degrees);
+  transform: rotate(@degrees);
+}
+
+.rotateX(@degrees) {
+  -webkit-transform: rotateX(@degrees);
+  -ms-transform: rotateX(@degrees); // IE9 only
+  -o-transform: rotateX(@degrees);
+  transform: rotateX(@degrees);
+}
+
+.rotateY(@degrees) {
+  -webkit-transform: rotateY(@degrees);
+  -ms-transform: rotateY(@degrees); // IE9 only
+  -o-transform: rotateY(@degrees);
+  transform: rotateY(@degrees);
+}
+
+.perspective(@perspective) {
+  -webkit-perspective: @perspective;
+  -moz-perspective: @perspective;
+  perspective: @perspective;
+}
+
+.perspective-origin(@perspective) {
+  -webkit-perspective-origin: @perspective;
+  -moz-perspective-origin: @perspective;
+  perspective-origin: @perspective;
+}
+
+.transform-origin(@origin) {
+  -webkit-transform-origin: @origin;
+  -moz-transform-origin: @origin;
+  -ms-transform-origin: @origin; // IE9 only
+  transform-origin: @origin;
+}

 // Transitions

 .transition(@transition) {
  -webkit-transition: @transition;
-       -o-transition: @transition;
-          transition: @transition;
-}
-.transition-property(@transition-property) {
-  -webkit-transition-property: @transition-property;
-          transition-property: @transition-property;
-}
-.transition-delay(@transition-delay) {
-  -webkit-transition-delay: @transition-delay;
-          transition-delay: @transition-delay;
-}
-.transition-duration(@transition-duration) {
-  -webkit-transition-duration: @transition-duration;
-          transition-duration: @transition-duration;
-}
-.transition-timing-function(@timing-function) {
-  -webkit-transition-timing-function: @timing-function;
-          transition-timing-function: @timing-function;
-}
-.transition-transform(@transition) {
-  -webkit-transition: -webkit-transform @transition;
-     -moz-transition: -moz-transform @transition;
-       -o-transition: -o-transform @transition;
-          transition: transform @transition;
+  -o-transition: @transition;
+  transition: @transition;
 }

+.transition-property(@transition-property) {
+  -webkit-transition-property: @transition-property;
+  transition-property: @transition-property;
+}
+
+.transition-delay(@transition-delay) {
+  -webkit-transition-delay: @transition-delay;
+  transition-delay: @transition-delay;
+}
+
+.transition-duration(@transition-duration) {
+  -webkit-transition-duration: @transition-duration;
+  transition-duration: @transition-duration;
+}
+
+.transition-timing-function(@timing-function) {
+  -webkit-transition-timing-function: @timing-function;
+  transition-timing-function: @timing-function;
+}
+
+.transition-transform(@transition) {
+  -webkit-transition: -webkit-transform @transition;
+  -moz-transition: -moz-transform @transition;
+  -o-transition: -o-transform @transition;
+  transition: transform @transition;
+}

 // User select
 // For selecting text on the page

 .user-select(@select) {
  -webkit-user-select: @select;
-     -moz-user-select: @select;
-      -ms-user-select: @select; // IE10+
-          user-select: @select;
+  -moz-user-select: @select;
+  -ms-user-select: @select; // IE10+
+  user-select: @select;
 }
--- a/build/bootstrap-less/variables.less
+++ b/build/bootstrap-less/variables.less
--- a/build/less/.csslintrc
+++ b/build/less/.csslintrc
@@ -20,4 +20,4 @@
  "fallback-colors": false,
  "vendor-prefix": false,
  "import": false
-}
+}
--- a/build/less/404_500_errors.less
+++ b/build/less/404_500_errors.less
@@ -27,7 +27,7 @@
    > h3 {
      font-weight: 300;
      font-size: 25px;
-      @media(max-width: @screen-sm-max) {
+      @media (max-width: @screen-sm-max) {
        text-align: center;
      }
    }
--- a/build/less/AdminLTE.less
+++ b/build/less/AdminLTE.less
@@ -1,26 +1,22 @@
 /*!
- *   AdminLTE v2.1.2
+ *   AdminLTE v2.3.1
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <http://almsaeedstudio.com>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
 !*/
-
 //google fonts
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
-
 //Bootstrap Variables & Mixins
 //The core bootstrap code have not been modified. These files
 //are included only for reference.
@import (reference) "../bootstrap-less/mixins.less";
@import (reference) "../bootstrap-less/variables.less";
-
 //MISC
 //----
@import "core.less";
@import "variables.less";
@import "mixins.less";
-
 //COMPONENTS
 //-----------
@import "header.less";
@@ -45,7 +41,7 @@
@import "users-list.less";
@import "carousel.less";
@import "modal.less";
-
+@import "social-widgets.less";
 //PAGES
 //------
@import "mailbox.less";
@@ -53,13 +49,12 @@
@import "login_and_register.less";
@import "404_500_errors.less";
@import "invoice.less";
-
+@import "profile";
 //Plugins
 //--------
@import "bootstrap-social.less";
@import "fullcalendar.less";
@import "select2.less";
-
 //Miscellaneous
 //-------------
@import "miscellaneous.less";
--- a/build/less/alerts.less
+++ b/build/less/alerts.less
@@ -29,15 +29,18 @@
  &:extend(.bg-green);
  border-color: darken(@green, 5%);
 }
+
 .alert-danger,
 .alert-error {
  &:extend(.bg-red);
  border-color: darken(@red, 5%);
 }
+
 .alert-warning {
  &:extend(.bg-yellow);
  border-color: darken(@yellow, 5%);
 }
+
 .alert-info {
  &:extend(.bg-aqua);
  border-color: darken(@aqua, 5%);
--- a/build/less/bootstrap-social.less
+++ b/build/less/bootstrap-social.less
@@ -8,9 +8,9 @@
 */

@bs-height-base: (@line-height-computed + @padding-base-vertical * 2);
-@bs-height-lg:   (floor(@font-size-large * @line-height-base) + @padding-large-vertical * 2);
-@bs-height-sm:   (floor(@font-size-small * 1.5) + @padding-small-vertical * 2);
-@bs-height-xs:   (floor(@font-size-small * 1.2) + @padding-small-vertical + 1);
+@bs-height-lg: (floor(@font-size-large * @line-height-base) + @padding-large-vertical * 2);
+@bs-height-sm: (floor(@font-size-small * 1.5) + @padding-small-vertical * 2);
+@bs-height-xs: (floor(@font-size-small * 1.2) + @padding-small-vertical + 1);

 .btn-social {
  position: relative;
@@ -88,27 +88,85 @@

 .btn-social(@color-bg, @color: #fff) {
  background-color: @color-bg;
-  .button-variant(@color, @color-bg, rgba(0,0,0,.2));
+  .button-variant(@color, @color-bg, rgba(0, 0, 0, .2));
 }

+.btn-adn {
+  .btn-social(#d87a68);
+}

-.btn-adn           { .btn-social(#d87a68); }
-.btn-bitbucket     { .btn-social(#205081); }
-.btn-dropbox       { .btn-social(#1087dd); }
-.btn-facebook      { .btn-social(#3b5998); }
-.btn-flickr        { .btn-social(#ff0084); }
-.btn-foursquare    { .btn-social(#f94877); }
-.btn-github        { .btn-social(#444444); }
-.btn-google        { .btn-social(#dd4b39); }
-.btn-instagram     { .btn-social(#3f729b); }
-.btn-linkedin      { .btn-social(#007bb6); }
-.btn-microsoft     { .btn-social(#2672ec); }
-.btn-openid        { .btn-social(#f7931e); }
-.btn-pinterest     { .btn-social(#cb2027); }
-.btn-reddit        { .btn-social(#eff7ff, #000); }
-.btn-soundcloud    { .btn-social(#ff5500); }
-.btn-tumblr        { .btn-social(#2c4762); }
-.btn-twitter       { .btn-social(#55acee); }
-.btn-vimeo         { .btn-social(#1ab7ea); }
-.btn-vk            { .btn-social(#587ea3); }
-.btn-yahoo         { .btn-social(#720e9e); }
+.btn-bitbucket {
+  .btn-social(#205081);
+}
+
+.btn-dropbox {
+  .btn-social(#1087dd);
+}
+
+.btn-facebook {
+  .btn-social(#3b5998);
+}
+
+.btn-flickr {
+  .btn-social(#ff0084);
+}
+
+.btn-foursquare {
+  .btn-social(#f94877);
+}
+
+.btn-github {
+  .btn-social(#444444);
+}
+
+.btn-google {
+  .btn-social(#dd4b39);
+}
+
+.btn-instagram {
+  .btn-social(#3f729b);
+}
+
+.btn-linkedin {
+  .btn-social(#007bb6);
+}
+
+.btn-microsoft {
+  .btn-social(#2672ec);
+}
+
+.btn-openid {
+  .btn-social(#f7931e);
+}
+
+.btn-pinterest {
+  .btn-social(#cb2027);
+}
+
+.btn-reddit {
+  .btn-social(#eff7ff, #000);
+}
+
+.btn-soundcloud {
+  .btn-social(#ff5500);
+}
+
+.btn-tumblr {
+  .btn-social(#2c4762);
+}
+
+.btn-twitter {
+  .btn-social(#55acee);
+}
+
+.btn-vimeo {
+  .btn-social(#1ab7ea);
+}
+
+.btn-vk {
+  .btn-social(#587ea3);
+}
+
+.btn-yahoo {
+  .btn-social(#720e9e);
+}
--- a/build/less/boxes.less
+++ b/build/less/boxes.less
@@ -77,7 +77,7 @@
      .btn,
      a {
        &:hover {
-          background: rgba(0,0,0,0.1);
+          background: rgba(0, 0, 0, 0.1);
        }
      }
    }
@@ -123,7 +123,6 @@
    }
  }

-
  // jQuery Knob in a box
  .knob-label {
    text-align: center;
@@ -274,6 +273,7 @@
  padding: @box-padding;
  background-color: @box-footer-bg;
 }
+
 .chart-legend {
  &:extend(.list-unstyled);
  margin: 10px 0;
@@ -285,6 +285,39 @@
  }
 }

+//Comment Box
+.box-comments {
+  background: #f7f7f7;
+  .box-comment {
+    .clearfix();
+    padding: 8px 0;
+    border-bottom: 1px solid #eee;
+    &:last-of-type {
+      border-bottom: 0;
+    }
+    &:first-of-type {
+      padding-top: 0;
+    }
+    img {
+      &:extend(.img-sm);
+      float: left;
+    }
+  }
+  .comment-text {
+    margin-left: 40px;
+    color: #555;
+  }
+  .username {
+    color: #444;
+    display: block;
+    font-weight: 600;
+  }
+  .text-muted {
+    font-weight: 400;
+    font-size: 12px;
+  }
+}
+
 //Widgets
 //-----------

@@ -307,7 +340,7 @@
      margin-bottom: 0;
    }

-    > input[type='checkbox']  {
+    > input[type='checkbox'] {
      margin: 0 10px 0 5px;
    }

@@ -347,7 +380,7 @@
      }

      .label {
-        background: @gray!important;
+        background: @gray !important;
      }
    }
  }
@@ -376,6 +409,7 @@
  }

 }
+
 // END TODO WIDGET

 /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
@@ -434,6 +468,7 @@
  }

 }
+
 //END CHAT WIDGET

 //Input in box
--- a/build/less/buttons.less
+++ b/build/less/buttons.less
@@ -23,9 +23,9 @@

  // Active state
  &:active {
-    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
-    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
-    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  }

  &:focus {
@@ -59,11 +59,12 @@
  color: #444;
  border-color: #ddd;
  &:hover,
-    &:active,
-    &.hover {
-    background-color:darken(#f4f4f4, 5%);
+  &:active,
+  &.hover {
+    background-color: darken(#f4f4f4, 5%);
  }
 }
+
 .btn-primary {
  background-color: @light-blue;
  border-color: darken(@light-blue, 5%);
@@ -71,6 +72,7 @@
    background-color: darken(@light-blue, 5%);
  }
 }
+
 .btn-success {
  background-color: @green;
  border-color: darken(@green, 5%);
@@ -78,6 +80,7 @@
    background-color: darken(@green, 5%);
  }
 }
+
 .btn-info {
  background-color: @aqua;
  border-color: darken(@aqua, 5%);
@@ -85,6 +88,7 @@
    background-color: darken(@aqua, 5%);
  }
 }
+
 .btn-danger {
  background-color: @red;
  border-color: darken(@red, 5%);
@@ -92,6 +96,7 @@
    background-color: darken(@red, 5%);
  }
 }
+
 .btn-warning {
  background-color: @yellow;
  border-color: darken(@yellow, 5%);
@@ -99,24 +104,28 @@
    background-color: darken(@yellow, 5%);
  }
 }
+
 .btn-outline {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  &:hover,
-    &:focus,
-    &:active {
-    color: rgba(255,255,255,.7);
-    border-color: rgba(255,255,255,.7);
+  &:focus,
+  &:active {
+    color: rgba(255, 255, 255, .7);
+    border-color: rgba(255, 255, 255, .7);
  }
 }
+
 .btn-link {
  .box-shadow(none);
 }
+
 //General .btn with bg class
 .btn[class*='bg-']:hover {
-  .box-shadow(inset 0 0 100px rgba(0,0,0,0.2));
+  .box-shadow(inset 0 0 100px rgba(0, 0, 0, 0.2));
 }
+
 // Application buttons
 .btn-app {
  .border-radius(3px);
@@ -143,9 +152,9 @@
  }

  &:active, &:focus {
-    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
-    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
-    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  }

  //The badge
--- a/build/less/control-sidebar.less
+++ b/build/less/control-sidebar.less
@@ -8,6 +8,7 @@
  z-index: 1000;
  bottom: 0;
 }
+
 //Transitions
 .control-sidebar-bg,
 .control-sidebar {
@@ -16,6 +17,7 @@
  width: @control-sidebar-width;
  .transition(right @transition-speed ease-in-out);
 }
+
 //The sidebar
 .control-sidebar {
  position: absolute;
@@ -37,13 +39,14 @@
    }
  }
 }
+
 //Open without slide over content
 .control-sidebar-open {
  .control-sidebar-bg,
  .control-sidebar {
    right: 0;
  }
-  @media(min-width: @screen-sm) {
+  @media (min-width: @screen-sm) {
    .content-wrapper,
    .right-side,
    .main-footer {
@@ -51,13 +54,14 @@
    }
  }
 }
+
 //Control sidebar tabs
 .nav-tabs.control-sidebar-tabs {
  > li {
    &:first-of-type > a {
      &,
      &:hover,
-        &:focus {
+      &:focus {
        border-left-width: 0;
      }
    }
@@ -81,8 +85,8 @@
      > a {
        &,
        &:hover,
-          &:focus,
-          &:active {
+        &:focus,
+        &:active {
          border-top: none;
          border-right: none;
          border-bottom: none;
@@ -91,13 +95,14 @@
    }
  }
  //Remove responsiveness on small screens
-  @media(max-width: @screen-sm) {
+  @media (max-width: @screen-sm) {
    display: table;
-    >li {
+    > li {
      display: table-cell;
    }
  }
 }
+
 //Headings in the sidebar content
 .control-sidebar-heading {
  font-weight: 400;
@@ -105,12 +110,14 @@
  padding: 10px 0;
  margin-bottom: 10px;
 }
+
 //Subheadings
 .control-sidebar-subheading {
  display: block;
  font-weight: 400;
  font-size: 14px;
 }
+
 //Control Sidebar Menu
 .control-sidebar-menu {
  list-style: none;
@@ -147,6 +154,7 @@
    margin: 0;
  }
 }
+
 //Dark skin
 .control-sidebar-dark {
  color: @sidebar-dark-color;
@@ -165,13 +173,13 @@
        //Hover and active states
        &,
        &:hover,
-          &:focus {
+        &:focus {
          border-left-color: darken(@sidebar-dark-bg, 7%);
-          border-bottom-color: darken(@sidebar-dark-bg, 7%);          
+          border-bottom-color: darken(@sidebar-dark-bg, 7%);
        }
        &:hover,
-          &:focus,
-          &:active {
+        &:focus,
+        &:active {
          background: darken(@sidebar-dark-bg, 3%);
        }
        &:hover {
@@ -183,8 +191,8 @@
        > a {
          &,
          &:hover,
-            &:focus,
-            &:active {
+          &:focus,
+          &:active {
            background: @sidebar-dark-bg;
            color: #fff;
          }
@@ -213,6 +221,7 @@
    }
  }
 }
+
 //Light skin
 .control-sidebar-light {
  color: lighten(@sidebar-light-color, 10%);
@@ -232,13 +241,13 @@
        //Hover and active states
        &,
        &:hover,
-          &:focus {
+        &:focus {
          border-left-color: @gray;
          border-bottom-color: @gray;
        }
        &:hover,
-          &:focus,
-          &:active {
+        &:focus,
+        &:active {
          background: darken(@sidebar-light-bg, 3%);
        }
      }
@@ -247,8 +256,8 @@
        > a {
          &,
          &:hover,
-            &:focus,
-            &:active {
+          &:focus,
+          &:active {
            background: @sidebar-light-bg;
            color: #111;
          }
--- a/build/less/core.less
+++ b/build/less/core.less
@@ -23,13 +23,13 @@ body {
 .wrapper {
  .clearfix();
  min-height: 100%;
-  position: static;
+  position: relative;
  overflow: hidden;
  .layout-boxed & {
    max-width: 1250px;
    margin: 0 auto;
    min-height: 100%;
-    box-shadow: 0 0 8px rgba(0,0,0,0.5);
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    position: relative;
  }
 }
@@ -47,7 +47,7 @@ body {
 .main-footer {
  //Using disposable variable to join statements with a comma
  @transition-rule: @transition-speed @transition-fn,
-    margin @transition-speed @transition-fn;
+  margin @transition-speed @transition-fn;
  .transition-transform(@transition-rule);
  margin-left: @sidebar-width;
  z-index: 820;
@@ -78,6 +78,7 @@ body {
  background-color: @body-bg;
  z-index: 800;
 }
+
 .main-footer {
  background: #fff;
  padding: 15px;
@@ -111,6 +112,19 @@ body {
  }
 }

+body.hold-transition {
+  .content-wrapper,
+  .right-side,
+  .main-footer,
+  .main-sidebar,
+  .left-side,
+  .main-header > .navbar,
+  .main-header .logo {
+    /* Fix for IE */
+    .transition(none);
+  }
+}
+
 /* Content */
 .content {
  min-height: 250px;
@@ -133,10 +147,12 @@ h6,
 .h6 {
  font-family: 'Source Sans Pro', sans-serif;
 }
+
 /* General Links */
 a {
  color: @link-color;
 }
+
 a:hover,
 a:active,
 a:focus {
--- a/build/less/direct-chat.less
+++ b/build/less/direct-chat.less
@@ -15,24 +15,29 @@
    }
  }
 }
+
 .direct-chat-messages {
  .translate(0, 0);
  padding: 10px;
  height: 250px;
  overflow: auto;
 }
+
 .direct-chat-msg,
 .direct-chat-text {
  display: block;
 }
+
 .direct-chat-msg {
  .clearfix();
  margin-bottom: 10px;
 }
+
 .direct-chat-messages,
 .direct-chat-contacts {
  .transition-transform(.5s ease-in-out);
 }
+
 .direct-chat-text {
  .border-radius(5px);
  position: relative;
@@ -44,7 +49,7 @@

  //Create the arrow
  &:after,
-    &:before {
+  &:before {
    position: absolute;
    right: 100%;
    top: 15px;
@@ -68,7 +73,7 @@
    margin-right: 50px;
    margin-left: 0;
    &:after,
-      &:before {
+    &:before {
      right: auto;
      left: 100%;
      border-right-color: transparent;
@@ -76,6 +81,7 @@
    }
  }
 }
+
 .direct-chat-img {
  .border-radius(50%);
  float: left;
@@ -85,23 +91,28 @@
    float: right;
  }
 }
+
 .direct-chat-info {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
 }
+
 .direct-chat-name {
  font-weight: 600;
 }
+
 .direct-chat-timestamp {
  color: #999;
 }
+
 //Direct chat contacts pane
 .direct-chat-contacts-open {
  .direct-chat-contacts {
    .translate(0, 0);
  }
 }
+
 .direct-chat-contacts {
  .translate(101%, 0);
  position: absolute;
@@ -119,7 +130,7 @@
  &:extend(.list-unstyled);
  > li {
    .clearfix();
-    border-bottom: 1px solid rgba(0,0,0,0.2);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0;
    &:last-of-type {
@@ -127,29 +138,36 @@
    }
  }
 }
+
 .contacts-list-img {
  .border-radius(50%);
  width: 40px;
  float: left;
 }
+
 .contacts-list-info {
  margin-left: 45px;
  color: #fff;
 }
+
 .contacts-list-name,
 .contacts-list-status {
  display: block;
 }
+
 .contacts-list-name {
  font-weight: 600;
 }
+
 .contacts-list-status {
  font-size: 12px;
 }
+
 .contacts-list-date {
  color: #aaa;
  font-weight: normal;
 }
+
 .contacts-list-msg {
  color: #999;
 }
@@ -158,15 +176,19 @@
 .direct-chat-danger {
  .direct-chat-variant(@red);
 }
+
 .direct-chat-primary {
  .direct-chat-variant(@light-blue);
 }
+
 .direct-chat-warning {
  .direct-chat-variant(@yellow);
 }
+
 .direct-chat-info {
  .direct-chat-variant(@aqua);
 }
+
 .direct-chat-success {
  .direct-chat-variant(@green);
 }
--- a/build/less/dropdown.less
+++ b/build/less/dropdown.less
@@ -12,7 +12,7 @@
  }
  > li > a > .glyphicon,
  > li > a > .fa,
-  > li > a > .ion{
+  > li > a > .ion {
    margin-right: 10px;
  }
  > li > a:hover {
@@ -49,7 +49,6 @@
    font-size: 14px;
  }

-
  //Define footer class
  > .dropdown-menu > li.footer > a {
    .border-radius(0; 0; 4px; 4px);
@@ -57,10 +56,10 @@
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
-    color: #444!important;
+    color: #444 !important;
    @media (max-width: @screen-sm-max) {
-      background: #fff!important;
-      color: #444!important;
+      background: #fff !important;
+      color: #444 !important;
    }
    text-align: center;
    //Hover state
@@ -98,7 +97,6 @@
      color: #444444;
      overflow: hidden;
      text-overflow: ellipsis;
-      white-space: nowrap;
      padding: 10px;
      // Icons inside the menu
      > .glyphicon,
@@ -155,6 +153,7 @@

  }
 }
+
 //Tasks menu
 .navbar-nav > .tasks-menu {
  > .dropdown-menu > li .menu {
@@ -175,6 +174,7 @@
    }
  }
 }
+
 //User menu
 .navbar-nav > .user-menu {
  > .dropdown-menu {
@@ -268,6 +268,7 @@
  .animation(flipInX .7s both);

 }
+
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@@ -293,6 +294,7 @@
    transform: perspective(400px);
  }
 }
+
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@@ -330,6 +332,7 @@
    }
  }
 }
+
@media (max-width: @screen-sm-max) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
--- a/build/less/forms.less
+++ b/build/less/forms.less
@@ -64,6 +64,7 @@
    background-color: #fff;
  }
 }
+
 /* button groups */
 .btn-group-vertical {
  .btn {
@@ -79,7 +80,7 @@

 /* support Font Awesome icons in form-control */
 .form-control-feedback.fa {
-    line-height: @input-height-base;
+  line-height: @input-height-base;
 }

 .input-lg + .form-control-feedback.fa,
@@ -87,6 +88,7 @@
 .form-group-lg .form-control + .form-control-feedback.fa {
  line-height: @input-height-large;
 }
+
 .input-sm + .form-control-feedback.fa,
 .input-group-sm + .form-control-feedback.fa,
 .form-group-sm .form-control + .form-control-feedback.fa {
--- a/build/less/fullcalendar.less
+++ b/build/less/fullcalendar.less
@@ -10,11 +10,12 @@
  border-color: #ddd;
  border-bottom-color: #ddd;
  &:hover,
-    &:active,
-    &.hover {
+  &:active,
+  &.hover {
    background-color: #e9e9e9;
  }
 }
+
 // Calendar title
 .fc-header-title h2 {
  font-size: 15px;
@@ -22,38 +23,47 @@
  color: #666;
  margin-left: 10px;
 }
+
 .fc-header-right {
  padding-right: 10px;
 }
+
 .fc-header-left {
  padding-left: 10px;
 }
+
 // Calendar table header cells
 .fc-widget-header {
  background: #fafafa;
 }
+
 .fc-grid {
  width: 100%;
  border: 0;
 }
+
 .fc-widget-header:first-of-type,
 .fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
 }
+
 .fc-widget-header:last-of-type,
 .fc-widget-content:last-of-type {
  border-right: 0;
 }
+
 .fc-toolbar {
  padding: @box-padding;
  margin: 0;
 }
+
 .fc-day-number {
  font-size: 20px;
  font-weight: 300;
  padding-right: 10px;
 }
+
 .fc-color-picker {
  list-style: none;
  margin: 0;
@@ -71,9 +81,11 @@
    }
  }
 }
+
 #add-new-event {
  .transition(all linear .3s);
 }
+
 .external-event {
  padding: 5px 10px;
  font-weight: bold;
@@ -83,6 +95,6 @@
  border-radius: @box-border-radius;
  cursor: move;
  &:hover {
-    box-shadow: inset 0 0 90px rgba(0,0,0,0.2);
+    box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
  }
 }
--- a/build/less/header.less
+++ b/build/less/header.less
@@ -21,12 +21,12 @@
  }
  //Navbar search text input
  #navbar-search-input.form-control {
-    background: rgba(255,255,255,.2);
+    background: rgba(255, 255, 255, .2);
    border-color: transparent;
    &:focus,
-      &:active {
-      border-color: rgba(0,0,0,.1);
-      background: rgba(255,255,255,.9);
+    &:active {
+      border-color: rgba(0, 0, 0, .1);
+      background: rgba(255, 255, 255, .9);
    }
    &::-moz-placeholder {
      color: #ccc;
@@ -44,7 +44,7 @@
  .navbar-right {
    float: right;
    @media (max-width: @screen-sm-max) {
-       a {
+      a {
        color: inherit;
        background: transparent;
      }
@@ -56,6 +56,7 @@
      .navbar-collapse & {
        margin: 7.5px -15px;
      }
+
      > li {
        color: inherit;
        border: 0;
@@ -189,17 +190,20 @@
    }
  }
 }
+
 .navbar-toggle {
  color: #fff;
  border: 0;
  margin: 0;
  padding: @navbar-padding-vertical @navbar-padding-horizontal;
 }
+
 //Control navbar scaffolding on x-small screens
@media (max-width: @screen-sm-max) {
  .navbar-custom-menu .navbar-nav > li {
    float: left;
  }
+
  //Dont't let links get full width
  .navbar-custom-menu .navbar-nav {
    margin: 0;
@@ -232,8 +236,8 @@
 }

 .navbar-collapse.pull-left {
-  @media(max-width: @screen-sm-max) {
-    float: none!important;
+  @media (max-width: @screen-sm-max) {
+    float: none !important;
    + .navbar-custom-menu {
      display: block;
      position: absolute;
--- a/build/less/info-box.less
+++ b/build/less/info-box.less
@@ -14,7 +14,7 @@
    font-size: 14px;
  }
  .progress {
-    background: rgba(0,0,0,.2);
+    background: rgba(0, 0, 0, .2);
    margin: 5px -10px 5px -10px;
    height: 2px;
    &,
@@ -26,6 +26,7 @@
    }
  }
 }
+
 .info-box-icon {
  .border-radius(2px; 0; 2px; 0);
  display: block;
@@ -35,20 +36,23 @@
  text-align: center;
  font-size: 45px;
  line-height: 90px;
-  background: rgba(0,0,0,0.2);
+  background: rgba(0, 0, 0, 0.2);
  > img {
    max-width: 100%;
  }
 }
+
 .info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
 }
+
 .info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
 }
+
 .progress-description,
 .info-box-text {
  display: block;
@@ -57,9 +61,11 @@
  overflow: hidden;
  text-overflow: ellipsis;
 }
+
 .info-box-text {
  text-transform: uppercase;
 }
+
 .info-box-more {
  display: block;
 }
--- a/build/less/labels.less
+++ b/build/less/labels.less
@@ -6,18 +6,23 @@
  background-color: @gray;
  color: #444;
 }
+
 .label-danger {
  &:extend(.bg-red);
 }
+
 .label-info {
  &:extend(.bg-aqua);
 }
+
 .label-warning {
  &:extend(.bg-yellow);
 }
+
 .label-primary {
  &:extend(.bg-light-blue);
 }
+
 .label-success {
  &:extend(.bg-green);
 }
--- a/build/less/lockscreen.less
+++ b/build/less/lockscreen.less
@@ -6,6 +6,7 @@
 .lockscreen {
  background: @gray;
 }
+
 .lockscreen-logo {
  font-size: 35px;
  text-align: center;
@@ -15,16 +16,19 @@
    color: #444;
  }
 }
+
 .lockscreen-wrapper {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 10%;
 }
+
 /* User name [optional] */
 .lockscreen .lockscreen-name {
  text-align: center;
  font-weight: 600;
 }
+
 /* Will contain the image and the sign in form */
 .lockscreen-item {
  .border-radius(4px);
@@ -34,6 +38,7 @@
  margin: 10px auto 30px auto;
  width: 290px;
 }
+
 /* User image */
 .lockscreen-image {
  .border-radius(50%);
--- a/build/less/login_and_register.less
+++ b/build/less/login_and_register.less
@@ -39,12 +39,14 @@
    color: #777;
  }
 }
+
 .login-box-msg,
 .register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px 20px;
 }
+
 .social-auth-links {
  margin: 10px 0;
 }
--- a/build/less/mailbox.less
+++ b/build/less/mailbox.less
@@ -7,12 +7,14 @@
    margin: 0;
  }
 }
+
 .mailbox-controls {
  padding: 5px;
  &.with-border {
    border-bottom: 1px solid @box-border-color;
  }
 }
+
 .mailbox-read-info {
  border-bottom: 1px solid @box-border-color;
  padding: 10px;
@@ -25,13 +27,16 @@
    padding: 5px 0 0 0;
  }
 }
+
 .mailbox-read-time {
  color: #999;
  font-size: 13px;
 }
+
 .mailbox-read-message {
  padding: 10px;
 }
+
 .mailbox-attachments {
  &:extend(.list-unstyled);
  li {
@@ -42,23 +47,28 @@
    margin-right: 10px;
  }
 }
+
 .mailbox-attachment-name {
  font-weight: bold;
  color: #666;
 }
+
 .mailbox-attachment-icon,
 .mailbox-attachment-info,
 .mailbox-attachment-size {
  display: block;
 }
+
 .mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4;
 }
+
 .mailbox-attachment-size {
  color: #999;
  font-size: 12px;
 }
+
 .mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
@@ -72,6 +82,7 @@
    }
  }
 }
+
 .mailbox-attachment-close {
  &:extend(.close);
 }
--- a/build/less/miscellaneous.less
+++ b/build/less/miscellaneous.less
@@ -6,12 +6,23 @@
 .pad {
  padding: 10px;
 }
+
 .margin {
  margin: 10px;
 }
+
 .margin-bottom {
  margin-bottom: 20px;
 }
+
+.margin-bottom-none {
+  margin-bottom: 0;
+}
+
+.margin-r-5 {
+  margin-right: 5px;
+}
+
 // Display inline
 .inline {
  display: inline;
@@ -47,7 +58,7 @@
 .bg-teal,
 .bg-olive,
 .bg-lime,
-.bg-orange ,
+.bg-orange,
 .bg-fuchsia,
 .bg-purple,
 .bg-maroon,
@@ -69,52 +80,72 @@
 .bg-black-active {
  color: #fff !important;
 }
+
 .bg-gray {
  color: #000;
-  background-color: @gray!important;
+  background-color: @gray !important;
 }
+
+.bg-gray-light {
+  background-color: #f7f7f7;
+}
+
 .bg-black {
-  background-color: @black!important;
+  background-color: @black !important;
 }
+
 .bg-red {
  background-color: @red !important;
 }
+
 .bg-yellow {
  background-color: @yellow !important;
 }
+
 .bg-aqua {
  background-color: @aqua !important;
 }
+
 .bg-blue {
  background-color: @blue !important;
 }
+
 .bg-light-blue {
  background-color: @light-blue !important;
 }
+
 .bg-green {
  background-color: @green !important;
 }
+
 .bg-navy {
  background-color: @navy !important;
 }
+
 .bg-teal {
  background-color: @teal !important;
 }
+
 .bg-olive {
  background-color: @olive !important;
 }
+
 .bg-lime {
  background-color: @lime !important;
 }
+
 .bg-orange {
  background-color: @orange !important;
 }
+
 .bg-fuchsia {
  background-color: @fuchsia !important;
 }
+
 .bg-purple {
  background-color: @purple !important;
 }
+
 .bg-maroon {
  background-color: @maroon !important;
 }
@@ -122,52 +153,67 @@
 //Set of Active Background Colors
 .bg-gray-active {
  color: #000;
-  background-color: darken(@gray,10%)!important;
+  background-color: darken(@gray, 10%) !important;
 }
+
 .bg-black-active {
-  background-color: darken(@black, 10%)!important;
+  background-color: darken(@black, 10%) !important;
 }
+
 .bg-red-active {
-  background-color: darken(@red , 6%)!important;
+  background-color: darken(@red , 6%) !important;
 }
+
 .bg-yellow-active {
-  background-color: darken(@yellow , 6%)!important;
+  background-color: darken(@yellow , 6%) !important;
 }
+
 .bg-aqua-active {
-  background-color: darken(@aqua , 6%)!important;
+  background-color: darken(@aqua , 6%) !important;
 }
+
 .bg-blue-active {
-  background-color: darken(@blue , 10%)!important;
+  background-color: darken(@blue , 10%) !important;
 }
+
 .bg-light-blue-active {
-  background-color: darken(@light-blue , 6%)!important;
+  background-color: darken(@light-blue , 6%) !important;
 }
+
 .bg-green-active {
-  background-color: darken(@green , 5%)!important;
+  background-color: darken(@green , 5%) !important;
 }
+
 .bg-navy-active {
-  background-color: darken(@navy , 2%)!important;
+  background-color: darken(@navy , 2%) !important;
 }
+
 .bg-teal-active {
-  background-color: darken(@teal , 5%)!important;
+  background-color: darken(@teal , 5%) !important;
 }
+
 .bg-olive-active {
-  background-color: darken(@olive , 5%)!important;
+  background-color: darken(@olive , 5%) !important;
 }
+
 .bg-lime-active {
-  background-color: darken(@lime , 5%)!important;
+  background-color: darken(@lime , 5%) !important;
 }
+
 .bg-orange-active {
-  background-color: darken(@orange , 5%)!important;
+  background-color: darken(@orange , 5%) !important;
 }
+
 .bg-fuchsia-active {
-  background-color: darken(@fuchsia , 5%)!important;
+  background-color: darken(@fuchsia , 5%) !important;
 }
+
 .bg-purple-active {
-  background-color: darken(@purple , 5%)!important;
+  background-color: darken(@purple , 5%) !important;
 }
+
 .bg-maroon-active {
-  background-color: darken(@maroon , 3%)!important;
+  background-color: darken(@maroon , 3%) !important;
 }

 //Disabled!
@@ -179,52 +225,83 @@
 .text-red {
  color: @red !important;
 }
+
 .text-yellow {
  color: @yellow !important;
 }
+
 .text-aqua {
  color: @aqua !important;
 }
+
 .text-blue {
  color: @blue !important;
 }
+
 .text-black {
-  color: @black!important;
+  color: @black !important;
 }
+
 .text-light-blue {
  color: @light-blue !important;
 }
+
 .text-green {
  color: @green !important;
 }
+
 .text-gray {
  color: @gray !important;
 }
+
 .text-navy {
  color: @navy !important;
 }
+
 .text-teal {
  color: @teal !important;
 }
+
 .text-olive {
  color: @olive !important;
 }
+
 .text-lime {
  color: @lime !important;
 }
+
 .text-orange {
  color: @orange !important;
 }
+
 .text-fuchsia {
  color: @fuchsia !important;
 }
+
 .text-purple {
  color: @purple !important;
 }
+
 .text-maroon {
  color: @maroon !important;
 }

+.link-muted {
+  color: darken(@gray, 30%);
+  &:hover,
+  &:focus {
+    color: darken(@gray, 40%);
+  }
+}
+
+.link-black {
+  color: #666;
+  &:hover,
+  &:focus {
+    color: #999;
+  }
+}
+
 // Hide elements by display none only
 .hide {
  display: none !important;
@@ -234,10 +311,12 @@
 .no-border {
  border: 0 !important;
 }
+
 // Remove padding
 .no-padding {
  padding: 0 !important;
 }
+
 // Remove margins
 .no-margin {
  margin: 0 !important;
@@ -245,7 +324,7 @@

 // Remove box shadow
 .no-shadow {
-  box-shadow: none!important;
+  box-shadow: none !important;
 }

 // Unstyled List
@@ -255,71 +334,242 @@
  padding: 0;
 }

+.list-group-unbordered {
+  > .list-group-item {
+    border-left: 0;
+    border-right: 0;
+    border-radius: 0;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
 // Remove border radius
 .flat {
-  .border-radius(0)!important;
+  .border-radius(0) !important;
 }

 .text-bold {
  &, &.table td, &.table th {
    font-weight: 700;
  }
+}

-
+.text-sm {
+  font-size: 12px;
 }

 // _fix for sparkline tooltip
-.jqstooltip{
-  padding: 5px!important;
-  width:auto!important;
-  height:auto!important;
+.jqstooltip {
+  padding: 5px !important;
+  width: auto !important;
+  height: auto !important;
 }

-
 // Gradient Background colors
 .bg-teal-gradient {
-  .gradient(@teal; @teal; lighten(@teal, 16%))!important;
+  .gradient(@teal; @teal; lighten(@teal, 16%)) !important;
  color: #fff;
 }
+
 .bg-light-blue-gradient {
-  .gradient(@light-blue; @light-blue; lighten(@light-blue, 12%))!important;
+  .gradient(@light-blue; @light-blue; lighten(@light-blue, 12%)) !important;
  color: #fff;
 }
+
 .bg-blue-gradient {
-  .gradient(@blue; @blue; lighten(@blue, 7%))!important;
+  .gradient(@blue; @blue; lighten(@blue, 7%)) !important;
  color: #fff;
 }
+
 .bg-aqua-gradient {
-  .gradient(@aqua; @aqua; lighten(@aqua, 7%))!important;
+  .gradient(@aqua; @aqua; lighten(@aqua, 7%)) !important;
  color: #fff;
 }
+
 .bg-yellow-gradient {
-  .gradient(@yellow; @yellow; lighten(@yellow, 16%))!important;
+  .gradient(@yellow; @yellow; lighten(@yellow, 16%)) !important;
  color: #fff;
 }
+
 .bg-purple-gradient {
-  .gradient(@purple; @purple; lighten(@purple, 16%))!important;
+  .gradient(@purple; @purple; lighten(@purple, 16%)) !important;
  color: #fff;
 }
+
 .bg-green-gradient {
-  .gradient(@green; @green; lighten(@green, 7%))!important;
+  .gradient(@green; @green; lighten(@green, 7%)) !important;
  color: #fff;
 }
+
 .bg-red-gradient {
-  .gradient(@red; @red; lighten(@red, 10%))!important;
+  .gradient(@red; @red; lighten(@red, 10%)) !important;
  color: #fff;
 }
+
 .bg-black-gradient {
-  .gradient(@black; @black; lighten(@black, 10%))!important;
+  .gradient(@black; @black; lighten(@black, 10%)) !important;
  color: #fff;
 }
+
 .bg-maroon-gradient {
-  .gradient(@maroon; @maroon; lighten(@maroon, 10%))!important;
+  .gradient(@maroon; @maroon; lighten(@maroon, 10%)) !important;
  color: #fff;
 }
+
+//Description Block Extension
+.description-block {
+  .description-icon {
+    font-size: 16px;
+  }
+}
+
+//Remove top padding
+.no-pad-top {
+  padding-top: 0;
+}
+
+//Make position static
+.position-static {
+  position: static !important;
+}
+
+//List utility classes
+.list-header {
+  font-size: 15px;
+  padding: 10px 4px;
+  font-weight: bold;
+  color: #666;
+}
+
+.list-seperator {
+  height: 1px;
+  background: @box-border-color;
+  margin: 15px 0 9px 0;
+}
+
+.list-link {
+  > a {
+    padding: 4px;
+    color: #777;
+    &:hover {
+      color: #222;
+    }
+  }
+}
+
+//Light font weight
+.font-light {
+  font-weight: 300;
+}
+
+//User block
+.user-block {
+  .clearfix();
+  img {
+    width: 40px;
+    height: 40px;
+    float: left;
+  }
+  .username,
+  .description,
+  .comment {
+    display: block;
+    margin-left: 50px;
+  }
+  .username {
+    font-size: 16px;
+    font-weight: 600;
+  }
+  .description {
+    color: #999;
+    font-size: 13px;
+  }
+  &.user-block-sm {
+    img {
+      &:extend(.img-sm);
+    }
+    .username,
+    .description,
+    .comment {
+      margin-left: 40px;
+    }
+    .username {
+      font-size: 14px;
+    }
+  }
+}
+
+//Image sizes
+.img-sm,
+.img-md,
+.img-lg {
+  float: left;
+}
+
+.img-sm {
+  width: 30px !important;
+  height: 30px !important;
+  + .img-push {
+    margin-left: 40px;
+  }
+}
+
+.img-md {
+  width: 60px;
+  height: 60px;
+  + .img-push {
+    margin-left: 70px;
+  }
+}
+
+.img-lg {
+  width: 100px;
+  height: 100px;
+  + .img-push {
+    margin-left: 110px;
+  }
+}
+
+// Image bordered
+.img-bordered {
+  border: 3px solid @gray;
+  padding: 3px;
+}
+
+.img-bordered-sm {
+  border: 2px solid @gray;
+  padding: 2px;
+}
+
+//General attachemnt block
+.attachment-block {
+  border: 1px solid @box-border-color;
+  padding: 5px;
+  margin-bottom: 10px;
+  background: #f7f7f7;
+
+  .attachment-img {
+    max-width: 100px;
+    max-height: 100px;
+    height: auto;
+    float: left;
+  }
+  .attachment-pushed {
+    margin-left: 110px;
+  }
+  .attachment-heading {
+    margin: 0;
+  }
+  .attachment-text {
+    color: #555;
+  }
+}
+
 .connectedSortable {
  min-height: 100px;
 }
+
 .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
@@ -330,17 +580,20 @@
  position: absolute;
  width: 1px;
 }
+
 .sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
 }
+
 .full-opacity-hover {
  .opacity(.65);
  &:hover {
    .opacity(1);
  }
 }
+
 // Charts
 .chart {
  position: relative;
@@ -348,6 +601,6 @@
  width: 100%;
  svg,
  canvas {
-    width: 100%!important;
+    width: 100% !important;
  }
 }
--- a/build/less/mixins.less
+++ b/build/less/mixins.less
@@ -1,7 +1,6 @@
 //AdminLTE mixins
 //===============

-
 //Changes the color and the hovering properties of the navbar
 .navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {
  background-color: @color;
@@ -11,11 +10,12 @@
  }

  .nav > li > a:hover,
-    .nav > li > a:active,
-    .nav > li > a:focus,
-    .nav .open > a,
-    .nav .open > a:hover,
-    .nav .open > a:focus {
+  .nav > li > a:active,
+  .nav > li > a:focus,
+  .nav .open > a,
+  .nav .open > a:hover,
+  .nav .open > a:focus,
+  .nav > .active > a {
    background: @hover-bg;
    color: @hover-color;
  }
@@ -62,7 +62,7 @@
    border-color: @bg-color;
    color: @color;
    &:after,
-      &:before {
+    &:before {
      border-left-color: @bg-color;
    }
  }
@@ -72,30 +72,42 @@
 .border-radius(@radius) {
  border-radius: @radius;
 }
+
 //Different radius each side
-.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {
-  border-top-left-radius: @top-left;
-  border-top-right-radius: @top-right;
-  border-bottom-right-radius: @bottom-right;
-  border-bottom-left-radius: @bottom-left;
+.border-radius(@top-left;
+@top-right
+;
+@bottom-left
+;
+@bottom-right
+)
+{
+  border-top-left-radius: @top-left
+;
+  border-top-right-radius: @top-right
+;
+  border-bottom-right-radius: @bottom-right
+;
+  border-bottom-left-radius: @bottom-left
+;
 }

 //Gradient background
 .gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear,
-    left bottom,
-    left top,
-    color-stop(0, @start),
-    color-stop(1, @stop));
+  left bottom,
+  left top,
+  color-stop(0, @start),
+  color-stop(1, @stop));
  background: -ms-linear-gradient(bottom,
-    @start,
-    @stop);
+  @start,
+  @stop);
  background: -moz-linear-gradient(center bottom,
-    @start 0%,
-    @stop 100%);
+  @start 0%,
+  @stop 100%);
  background: -o-linear-gradient(@stop,
-    @start);
+  @start);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
 }

@@ -221,7 +233,7 @@
    }
    //Hover and active states
    &:hover > a,
-      &.active > a {
+    &.active > a {
      color: @sidebar-light-hover-color;
      background: @sidebar-light-hover-bg;
    }
@@ -264,12 +276,12 @@
  //The sidebar search form
  .sidebar-form {
    .border-radius(3px);
-    border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);
+    border: 1px solid @gray; //darken(@sidebar-light-bg, 5%);
    margin: 10px 10px;
    input[type="text"],
    .btn {
      box-shadow: none;
-      background-color: #fff;//darken(@sidebar-light-bg, 3%);
+      background-color: #fff; //darken(@sidebar-light-bg, 3%);
      border: 1px solid transparent;
      height: 35px;
      .transition(all @transition-speed @transition-fn);
@@ -278,7 +290,7 @@
      color: #666;
      .border-radius(2px, 0, 2px, 0);
      &:focus,
-        &:focus + .input-group-btn .btn {
+      &:focus + .input-group-btn .btn {
        background-color: #fff;
        color: #666;
      }
@@ -291,7 +303,7 @@
      .border-radius(0, 2px, 0, 2px);
    }
  }
-  @media(min-width: @screen-sm-min) {
+  @media (min-width: @screen-sm-min) {
    &.sidebar-mini.sidebar-collapse {
      .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid @gray;
--- a/build/less/modal.less
+++ b/build/less/modal.less
@@ -3,19 +3,22 @@
 * ----------------
 */
 .modal {
-  background: rgba(0,0,0,.3);
+  background: rgba(0, 0, 0, .3);
 }
+
 .modal-content {
  .border-radius(0);
-  .box-shadow(0 2px 3px rgba(0,0,0,.125));
+  .box-shadow(0 2px 3px rgba(0, 0, 0, .125));
  border: 0;
  @media (min-width: @screen-sm-min) {
-    .box-shadow(0 2px 3px rgba(0,0,0,.125));
+    .box-shadow(0 2px 3px rgba(0, 0, 0, .125));
  }
 }
+
 .modal-header {
  border-bottom-color: @box-border-color;
 }
+
 .modal-footer {
  border-top-color: @box-border-color;
 }
@@ -31,6 +34,7 @@
    border-color: darken(@light-blue, 10%);
  }
 }
+
 .modal-warning {
  .modal-body {
    &:extend(.bg-yellow);
@@ -41,6 +45,7 @@
    border-color: darken(@yellow, 10%);
  }
 }
+
 .modal-info {
  .modal-body {
    &:extend(.bg-aqua);
@@ -51,6 +56,7 @@
    border-color: darken(@aqua, 10%);
  }
 }
+
 .modal-success {
  .modal-body {
    &:extend(.bg-green);
@@ -61,6 +67,7 @@
    border-color: darken(@green, 10%);
  }
 }
+
 .modal-danger {
  .modal-body {
    &:extend(.bg-red);
--- a/build/less/navs.less
+++ b/build/less/navs.less
@@ -5,8 +5,8 @@

 .nav {
  > li > a:hover,
-    > li > a:active,
-    > li > a:focus {
+  > li > a:active,
+  > li > a:focus {
    color: #444;
    background: #f7f7f7;
  }
@@ -26,13 +26,14 @@
  }
  > li.active > a,
  > li.active > a:hover,
-    > li.active > a:focus {
+  > li.active > a:focus {
    border-top-color: @light-blue;
  }
  > li.active > a {
    font-weight: 600;
  }
 }
+
 /* NAV STACKED */
 .nav-stacked {
  > li > a {
@@ -74,6 +75,9 @@
      > a {
        color: #444;
        .border-radius(0);
+        &.text-muted {
+          color: #999;
+        }
        &,
        &:hover {
          background: transparent;
@@ -85,8 +89,8 @@
      }
      &:not(.active) {
        > a:hover,
-          > a:focus,
-          > a:active {
+        > a:focus,
+        > a:active {
          border-color: transparent;
        }
      }
@@ -119,7 +123,7 @@

    //Pulled to the right
    &.pull-right {
-      float: none!important;
+      float: none !important;
      > li {
        float: right;
      }
@@ -158,22 +162,65 @@

  .dropdown.open > a {
    &:active,
-      &:focus {
+    &:focus {
      background: transparent;
      color: #999;
    }
  }
+  // Tab color variations
+  &.tab-primary {
+    > .nav-tabs {
+      > li.active {
+        border-top-color: @light-blue;
+      }
+    }
+  }
+  &.tab-info {
+    > .nav-tabs {
+      > li.active {
+        border-top-color: @aqua;
+      }
+    }
+  }
+  &.tab-danger {
+    > .nav-tabs {
+      > li.active {
+        border-top-color: @red;
+      }
+    }
+  }
+  &.tab-warning {
+    > .nav-tabs {
+      > li.active {
+        border-top-color: @yellow;
+      }
+    }
+  }
+  &.tab-success {
+    > .nav-tabs {
+      > li.active {
+        border-top-color: @green;
+      }
+    }
+  }
+  &.tab-default {
+    > .nav-tabs {
+      > li.active {
+        border-top-color: @gray;
+      }
+    }
+  }
 }

 /* PAGINATION */
 .pagination {
  > li > a {
    background: #fafafa;
-    color: #666;    
+    color: #666;
  }
  &.pagination-flat {
    > li > a {
-      .border-radius(0)!important;
+      .border-radius(0) !important;
    }
  }
-}
+}
--- a/build/less/print.less
+++ b/build/less/print.less
@@ -5,8 +5,9 @@
@media print {
  //Add to elements that you do not want to show when printing
  .no-print {
-    display: none!important;
+    display: none !important;
  }
+
  //Elements that we want to hide when printing
  .main-sidebar,
  .left-side,
@@ -14,18 +15,21 @@
  .content-header {
    &:extend(.no-print);
  }
+
  //This is the only element that should appear, so let's remove the margins
  .content-wrapper,
  .right-side,
  .main-footer {
-    margin-left: 0!important;    
-    min-height: 0!important;
-    .translate(0,0)!important;
+    margin-left: 0 !important;
+    min-height: 0 !important;
+    .translate(0, 0) !important;
  }
+
  .fixed .content-wrapper,
  .fixed .right-side {
-    padding-top: 0!important;
+    padding-top: 0 !important;
  }
+
  //Invoice printing
  .invoice {
    width: 100%;
@@ -33,16 +37,18 @@
    margin: 0;
    padding: 0;
  }
+
  .invoice-col {
    float: left;
    width: 33.3333333%;
  }
+
  //Make sure table content displays properly
  .table-responsive {
    overflow: auto;
    > .table tr th,
    > .table tr td {
-      white-space: normal!important;
+      white-space: normal !important;
    }
  }
 }
--- a/build/less/products.less
+++ b/build/less/products.less
@@ -34,6 +34,7 @@
    text-overflow: ellipsis;
  }
 }
+
 .product-list-in-box > .item {
  .box-shadow(none);
  .border-radius(0);
--- a/build/less/profile.less
+++ b/build/less/profile.less
@@ -0,0 +1,31 @@
+/*
+ * Page: Profile
+ * -------------
+ */
+
+.profile-user-img {
+  margin: 0 auto;
+  width: 100px;
+  padding: 3px;
+  border: 3px solid @gray;
+}
+
+.profile-username {
+  font-size: 21px;
+  margin-top: 5px;
+}
+
+.post {
+  border-bottom: 1px solid @gray;
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+  color: #666;
+  &:last-of-type {
+    border-bottom: 0;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+  .user-block {
+    margin-bottom: 15px;
+  }
+}
--- a/build/less/progress-bars.less
+++ b/build/less/progress-bars.less
@@ -20,6 +20,7 @@
    .border-radius(@progress-bar-sm-border-radius);
  }
 }
+
 .progress.xs,
 .progress-xs {
  height: 7px;
@@ -27,6 +28,7 @@
    .border-radius(@progress-bar-xs-border-radius);
  }
 }
+
 .progress.xxs,
 .progress-xxs {
  height: 3px;
@@ -34,6 +36,7 @@
    .border-radius(@progress-bar-xs-border-radius);
  }
 }
+
 /* Vertical bars */
 .progress.vertical {
  position: relative;
@@ -49,16 +52,16 @@

  //Sizes
  &.sm,
-  &.progress-sm{
+  &.progress-sm {
    width: 20px;
  }

  &.xs,
-  &.progress-xs{
+  &.progress-xs {
    width: 10px;
  }
  &.xxs,
-  &.progress-xxs{
+  &.progress-xxs {
    width: 3px;
  }
 }
@@ -86,6 +89,7 @@
 .progress-bar-primary {
  .progress-bar-variant(@light-blue);
 }
+
 .progress-bar-green,
 .progress-bar-success {
  .progress-bar-variant(@green);
--- a/build/less/select2.less
+++ b/build/less/select2.less
@@ -8,7 +8,7 @@
 .select2-selection {
  &.select2-container--focus,
  &:focus,
-    &:active {
+  &:active {
    outline: none;
  }
  .select2-selection--single {
@@ -18,38 +18,48 @@
    height: 34px;
  }
 }
+
 .select2-container--default.select2-container--open {
  border-color: @light-blue;
 }
+
 .select2-dropdown {
  border: 1px solid @gray;
  border-radius: @input-radius;
 }
+
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: @light-blue;
  color: white;
 }
+
 .select2-results__option {
  padding: 6px 12px;
  user-select: none;
-  -webkit-user-select: none; }
+  -webkit-user-select: none;
+}
+
 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
 }
+
 .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
 }
+
 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px;
 }
+
 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
 }
+
 .select2-dropdown,
 .select2-search--inline {
  .select2-search__field {
@@ -60,9 +70,11 @@
    }
  }
 }
+
 .select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
 }
+
 .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
  &,
@@ -84,19 +96,22 @@
    border-color: @gray;
  }
 }
+
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: @light-blue;
  border-color: darken(@light-blue, 5%);
  padding: 1px 10px;
  color: #fff;
 }
+
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
-  color: rgba(255,255,255,.7);
+  color: rgba(255, 255, 255, .7);
  &:hover {
    color: #fff;
  }
 }
+
 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
 }
--- a/build/less/sidebar-mini.less
+++ b/build/less/sidebar-mini.less
@@ -13,7 +13,7 @@
      .content-wrapper,
      .right-side,
      .main-footer {
-        margin-left: 50px!important;
+        margin-left: 50px !important;
        z-index: 840;
      }

@@ -21,7 +21,7 @@
      .main-sidebar {
        //Don't go away! Just shrink
        .translate(0, 0);
-        width: 50px!important;
+        width: 50px !important;
        z-index: 850;
      }

@@ -54,8 +54,8 @@
              //overflow: visible;
            }
            > a > span:not(.pull-right),
-              > .treeview-menu {
-              display: block!important;
+            > .treeview-menu {
+              display: block !important;
              position: absolute;
              width: @sidebar-width - 50;
              left: 50px;
@@ -82,9 +82,9 @@
      .sidebar-form,
      .sidebar-menu > li > a > span,
      .sidebar-menu > li > .treeview-menu,
-      .sidebar-menu >li > a > .pull-right,
+      .sidebar-menu > li > a > .pull-right,
      .sidebar-menu li.header {
-        display: none!important;
+        display: none !important;
        -webkit-transform: translateZ(0);
      }

@@ -119,20 +119,20 @@
  white-space: nowrap;
  overflow: hidden;
 }
+
 .sidebar-menu:hover {
  overflow: visible;
 }
+
 .sidebar-form,
 .sidebar-menu > li.header {
  overflow: hidden;
  text-overflow: clip;
 }
+
 .sidebar-menu li > a {
  position: relative;
  > .pull-right {
-    position: absolute;
-    top: 50%;
-    right: 10px;
-    margin-top: -7px;
+    margin-top: 2px;
  }
 }
--- a/build/less/sidebar.less
+++ b/build/less/sidebar.less
@@ -16,10 +16,10 @@
  z-index: 810;
  //Using disposable variable to join statements with a comma
  @transition-rule: @transition-speed @transition-fn,
-    width @transition-speed @transition-fn;
+  width @transition-speed @transition-fn;
  .transition-transform(@transition-rule);
  @media (max-width: @screen-header-collapse) {
-      padding-top: 100px;
+    padding-top: 100px;
  }
  @media (max-width: @screen-xs-max) {
    .translate(-@sidebar-width, 0);
@@ -39,6 +39,7 @@
 .sidebar {
  padding-bottom: 10px;
 }
+
 // remove border from form
 .sidebar-form {
  input:focus {
@@ -130,8 +131,8 @@
  .treeview-menu {
    display: none;
    list-style: none;
-    padding:0;
-    margin:0;
+    padding: 0;
+    margin: 0;
    padding-left: 5px;
    .treeview-menu {
      padding-left: 20px;
--- a/build/less/skins/skin-green-light.less
+++ b/build/less/skins/skin-green-light.less
@@ -2,7 +2,6 @@
 * Skin: Green
 * -----------
 */
-
@import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less";
@import "../variables.less";
@@ -19,11 +18,11 @@
          background-color: darken(@green, 5%);
        }
      }
-      @media(max-width: @screen-header-collapse) {
+      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
-              background-color: rgba(255,255,255,0.1);
+              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #fff;
--- a/build/less/skins/skin-green.less
+++ b/build/less/skins/skin-green.less
@@ -2,7 +2,6 @@
 * Skin: Green
 * -----------
 */
-
@import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less";
@import "../variables.less";
@@ -19,11 +18,11 @@
          background-color: darken(@green, 5%);
        }
      }
-      @media(max-width: @screen-header-collapse) {
+      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
-              background-color: rgba(255,255,255,0.1);
+              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #fff;
--- a/build/less/skins/skin-purple-light.less
+++ b/build/less/skins/skin-purple-light.less
@@ -2,7 +2,6 @@
 * Skin: Purple
 * ------------
 */
-
@import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less";
@import "../variables.less";
@@ -19,11 +18,11 @@
          background-color: darken(@purple, 5%);
        }
      }
-      @media(max-width: @screen-header-collapse) {
+      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
-              background-color: rgba(255,255,255,0.1);
+              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #fff;
--- a/build/less/skins/skin-purple.less
+++ b/build/less/skins/skin-purple.less
@@ -2,7 +2,6 @@
 * Skin: Purple
 * ------------
 */
-
@import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less";
@import "../variables.less";
@@ -19,11 +18,11 @@
          background-color: darken(@purple, 5%);
        }
      }
-      @media(max-width: @screen-header-collapse) {
+      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
-              background-color: rgba(255,255,255,0.1);
+              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #fff;
--- a/build/less/skins/skin-red-light.less
+++ b/build/less/skins/skin-red-light.less
@@ -2,7 +2,6 @@
 * Skin: Red
 * ---------
 */
-
@import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less";
@import "../variables.less";
@@ -19,11 +18,11 @@
          background-color: darken(@red, 5%);
        }
      }
-      @media(max-width: @screen-header-collapse) {
+      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
-              background-color: rgba(255,255,255,0.1);
+              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #fff;
--- a/build/less/skins/skin-red.less
+++ b/build/less/skins/skin-red.less
@@ -2,7 +2,6 @@
 * Skin: Red
 * ---------
 */
-
@import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less";
@import "../variables.less";
@@ -19,11 +18,11 @@
          background-color: darken(@red, 5%);
        }
      }
-      @media(max-width: @screen-header-collapse) {
+      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
-              background-color: rgba(255,255,255,0.1);
+              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #fff;
--- a/build/less/skins/skin-yellow-light.less
+++ b/build/less/skins/skin-yellow-light.less
@@ -2,7 +2,6 @@
 * Skin: Yellow
 * ------------
 */
-
@import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less";
@import "../variables.less";
@@ -19,11 +18,11 @@
          background-color: darken(@yellow, 5%);
        }
      }
-      @media(max-width: @screen-header-collapse) {
+      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
-              background-color: rgba(255,255,255,0.1);
+              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #fff;
--- a/build/less/skins/skin-yellow.less
+++ b/build/less/skins/skin-yellow.less
@@ -2,7 +2,6 @@
 * Skin: Yellow
 * ------------
 */
-
@import "../../bootstrap-less/mixins.less";
@import "../../bootstrap-less/variables.less";
@import "../variables.less";
@@ -19,11 +18,11 @@
          background-color: darken(@yellow, 5%);
        }
      }
-      @media(max-width: @screen-header-collapse) {
+      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
-              background-color: rgba(255,255,255,0.1);
+              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #fff;
--- a/build/less/small-box.less
+++ b/build/less/small-box.less
@@ -22,11 +22,11 @@
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
-    background: rgba(0,0,0,0.1);
+    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
    &:hover {
      color: #fff;
-      background: rgba(0,0,0,0.15);
+      background: rgba(0, 0, 0, 0.15);
    }
  }

--- a/build/less/social-widgets.less
+++ b/build/less/social-widgets.less
@@ -0,0 +1,78 @@
+/*
+ * Component: Social Widgets
+ * -------------------------
+ */
+//General widget style
+.box-widget {
+  border: none;
+  position: relative;
+}
+
+//User Widget Style 1
+.widget-user {
+  //User name container
+  .widget-user-header {
+    padding: 20px;
+    height: 120px;
+    .border-top-radius(@box-border-radius);
+  }
+  //User name
+  .widget-user-username {
+    margin-top: 0;
+    margin-bottom: 5px;
+    font-size: 25px;
+    font-weight: 300;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+  }
+  //User single line description
+  .widget-user-desc {
+    margin-top: 0;
+  }
+  //User image container
+  .widget-user-image {
+    position: absolute;
+    top: 65px;
+    left: 50%;
+    margin-left: -45px;
+    > img {
+      width: 90px;
+      height: auto;
+      border: 3px solid #fff;
+    }
+  }
+  .box-footer {
+    padding-top: 30px;
+  }
+}
+
+//User Widget Style 2
+.widget-user-2 {
+  //User name container
+  .widget-user-header {
+    padding: 20px;
+    .border-top-radius(@box-border-radius);
+  }
+  //User name
+  .widget-user-username {
+    margin-top: 5px;
+    margin-bottom: 5px;
+    font-size: 25px;
+    font-weight: 300;
+  }
+  //User single line description
+  .widget-user-desc {
+    margin-top: 0;
+  }
+  .widget-user-username,
+  .widget-user-desc {
+    margin-left: 75px;
+  }
+  //User image container
+  .widget-user-image {
+    > img {
+      width: 65px;
+      height: auto;
+      float: left;
+    }
+  }
+}
--- a/build/less/timeline.less
+++ b/build/less/timeline.less
@@ -3,7 +3,7 @@
 * -------------------
 */

-.timeline{
+.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
@@ -22,7 +22,6 @@
    .border-radius(2px);
  }

-
  > li {
    position: relative;
    margin-right: 10px;
@@ -96,3 +95,16 @@
    }
  }
 }
+
+.timeline-inverse {
+  > li {
+    > .timeline-item {
+      background: #f0f0f0;
+      border: 1px solid #ddd;
+      .box-shadow(none);
+      > .timeline-header {
+        border-bottom-color: #ddd;
+      }
+    }
+  }
+}
--- a/build/less/users-list.less
+++ b/build/less/users-list.less
@@ -22,10 +22,12 @@
    }
  }
 }
+
 .users-list-name,
 .users-list-date {
  display: block;
 }
+
 .users-list-name {
  font-weight: 600;
  color: #444;
@@ -33,6 +35,7 @@
  white-space: nowrap;
  text-overflow: ellipsis;
 }
+
 .users-list-date {
  color: #999;
  font-size: 12px;
--- a/build/less/variables.less
+++ b/build/less/variables.less
@@ -8,23 +8,27 @@

 //COLORS
 //--------------------------------------------------------
-
-@light-blue: #3c8dbc;  //Primary
-@red:        #dd4b39;  //Danger
-@green:      #00a65a;  //Success
-@aqua:       #00c0ef;  //Info
-@yellow:     #f39c12;  //Warning
-@blue:       #0073b7;
-@navy:       #001F3F;
-@teal:       #39CCCC;
-@olive:      #3D9970;
-@lime:       #01FF70;
-@orange:     #FF851B;
-@fuchsia:    #F012BE;
-@purple:     #605ca8;
-@maroon:     #D81B60;
-@black:      #111;
-@gray:       #d2d6de;
+//Primary
+@light-blue: #3c8dbc;
+//Danger
+@red: #dd4b39;
+//Success
+@green: #00a65a;
+//Info
+@aqua: #00c0ef;
+//Warning
+@yellow: #f39c12;
+@blue: #0073b7;
+@navy: #001F3F;
+@teal: #39CCCC;
+@olive: #3D9970;
+@lime: #01FF70;
+@orange: #FF851B;
+@fuchsia: #F012BE;
+@purple: #605ca8;
+@maroon: #D81B60;
+@black: #111;
+@gray: #d2d6de;

 //LAYOUT
 //--------------------------------------------------------
@@ -37,7 +41,7 @@
@screen-header-collapse: @screen-xs-max;

 //Link colors (Aka: <a> tags)
-@link-color:       @light-blue;
+@link-color: @light-blue;
@link-hover-color: lighten(@link-color, 15%);

 //Body background (Affects main content background only)
@@ -47,35 +51,34 @@
 //--------------------------------------------------------

 //Dark sidebar
-@sidebar-dark-bg:                  #222d32;
-@sidebar-dark-hover-bg:            darken(@sidebar-dark-bg, 2%);
-@sidebar-dark-color:               lighten(@sidebar-dark-bg, 60%);
-@sidebar-dark-hover-color:         #fff;
-@sidebar-dark-submenu-bg:          lighten(@sidebar-dark-bg, 5%);
-@sidebar-dark-submenu-color:       lighten(@sidebar-dark-submenu-bg, 40%);
+@sidebar-dark-bg: #222d32;
+@sidebar-dark-hover-bg: darken(@sidebar-dark-bg, 2%);
+@sidebar-dark-color: lighten(@sidebar-dark-bg, 60%);
+@sidebar-dark-hover-color: #fff;
+@sidebar-dark-submenu-bg: lighten(@sidebar-dark-bg, 5%);
+@sidebar-dark-submenu-color: lighten(@sidebar-dark-submenu-bg, 40%);
@sidebar-dark-submenu-hover-color: #fff;

 //Light sidebar
-@sidebar-light-bg:                  #f9fafc;
-@sidebar-light-hover-bg:            lighten(#f0f0f1, 1.5%);
-@sidebar-light-color:               #444;
-@sidebar-light-hover-color:         #000;
-@sidebar-light-submenu-bg:          @sidebar-light-hover-bg;
-@sidebar-light-submenu-color:       #777;
+@sidebar-light-bg: #f9fafc;
+@sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%);
+@sidebar-light-color: #444;
+@sidebar-light-hover-color: #000;
+@sidebar-light-submenu-bg: @sidebar-light-hover-bg;
+@sidebar-light-submenu-color: #777;
@sidebar-light-submenu-hover-color: #000;

 //CONTROL SIDEBAR
 //--------------------------------------------------------
@control-sidebar-width: @sidebar-width;

-
 //BOXES
 //--------------------------------------------------------
-@box-border-color:  #f4f4f4;
+@box-border-color: #f4f4f4;
@box-border-radius: 3px;
-@box-footer-bg:     #fff;
-@box-boxshadow:     0 1px 1px rgba(0, 0, 0, .1);
-@box-padding:       10px;
+@box-footer-bg: #fff;
+@box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1);
+@box-padding: 10px;

 //Box variants
@box-default-border-top-color: #d2d6de;
@@ -86,7 +89,7 @@

 //PROGRESS BARS
 //--------------------------------------------------------
-@progress-bar-border-radius:    1px;
+@progress-bar-border-radius: 1px;
@progress-bar-sm-border-radius: 1px;
@progress-bar-xs-border-radius: 1px;

@@ -102,12 +105,11 @@

 //DIRECT CHAT
 //--------------------------------------------------------
-@direct-chat-height:                   250px;
-@direct-chat-default-msg-bg:           @gray;
-@direct-chat-default-font-color:       #444;
+@direct-chat-height: 250px;
+@direct-chat-default-msg-bg: @gray;
+@direct-chat-default-font-color: #444;
@direct-chat-default-msg-border-color: @gray;

-
 //CHAT WIDGET
 //--------------------------------------------------------
@attachment-border-radius: 3px;
@@ -117,4 +119,5 @@

 //Transition global options
@transition-speed: .3s;
-@transition-fn:    ease-in-out;//cubic-bezier(0.32,1.25,0.375,1.15);
+@transition-fn: ease-in-out;
+//cubic-bezier(0.32,1.25,0.375,1.15);
--- a/14
+++ b/14
@@ -1,4 +1,16 @@
 CHANGE LOG:
+v2.3.1:
+- Fix sidebar issue #676
+- Fix BootLint warnings and errors
+- Minor bug fixes and code reformat
+
+v2.3.0:
+- Added social widgets (found in the widgets page)
+- Added profile page
+- Fix issue #430 (requires ```.hold-transition``` to be added to ```<body>```)
+- Fix issue #578
+- Fix issue #579
+
 v2.2.1:
 - Bug Fixes
 - Removed many ```!important``` statements in css
@@ -89,4 +101,4 @@ v2.0.0
 - Enhanced border-radius consistency
 - Added mailbox: inbox, read, and compose pages
 - Bootstrap & jQuery are now hosted locally
- Created documentation.
+- Created documentation.
--- a/dist/css/AdminLTE.css
+++ b/dist/css/AdminLTE.css
@@ -1,6 +1,6 @@
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
 /*!
- *   AdminLTE v2.1.2
+ *   AdminLTE v2.3.1
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <http://almsaeedstudio.com>
 *   License: Open source - MIT
@@ -29,7 +29,7 @@ body {
 /* Layout */
 .wrapper {
  min-height: 100%;
-  position: static;
+  position: relative;
  overflow: hidden;
 }
 .wrapper:before,
@@ -129,6 +129,18 @@ body {
 .fixed.layout-boxed .wrapper {
  max-width: 100%;
 }
+body.hold-transition .content-wrapper,
+body.hold-transition .right-side,
+body.hold-transition .main-footer,
+body.hold-transition .main-sidebar,
+body.hold-transition .left-side,
+body.hold-transition .main-header > .navbar,
+body.hold-transition .main-header .logo {
+  /* Fix for IE */
+  -webkit-transition: none;
+  -o-transition: none;
+  transition: none;
+}
 /* Content */
 .content {
  min-height: 250px;
@@ -388,7 +400,7 @@ a:focus {
 }
@media (max-width: 991px) {
  .navbar-collapse.pull-left {
-    float: none!important;
+    float: none !important;
  }
  .navbar-collapse.pull-left + .navbar-custom-menu {
    display: block;
@@ -572,7 +584,7 @@ a:focus {
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
-    margin-left: 50px!important;
+    margin-left: 50px !important;
    z-index: 840;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
@@ -580,7 +592,7 @@ a:focus {
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
-    width: 50px!important;
+    width: 50px !important;
    z-index: 850;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
@@ -602,7 +614,7 @@ a:focus {
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
-    display: block!important;
+    display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
@@ -623,7 +635,7 @@ a:focus {
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
-    display: none!important;
+    display: none !important;
    -webkit-transform: translateZ(0);
  }
  .sidebar-mini.sidebar-collapse .main-header .logo {
@@ -660,10 +672,7 @@ a:focus {
  position: relative;
 }
 .sidebar-menu li > a > .pull-right {
-  position: absolute;
-  top: 50%;
-  right: 10px;
-  margin-top: -7px;
+  margin-top: 2px;
 }
 /*
 * Component: Control sidebar. By default, this is the right sidebar.
@@ -949,15 +958,15 @@ a:focus {
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
-  color: #444!important;
+  color: #444 !important;
  text-align: center;
 }
@media (max-width: 991px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
-    background: #fff!important;
-    color: #444!important;
+    background: #fff !important;
+    color: #444 !important;
  }
 }
 .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
@@ -993,7 +1002,6 @@ a:focus {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
-  white-space: nowrap;
  padding: 10px;
 }
 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
@@ -1799,6 +1807,43 @@ a:focus {
    margin-right: 10px;
  }
 }
+.box-comments {
+  background: #f7f7f7;
+}
+.box-comments .box-comment {
+  padding: 8px 0;
+  border-bottom: 1px solid #eee;
+}
+.box-comments .box-comment:before,
+.box-comments .box-comment:after {
+  content: " ";
+  display: table;
+}
+.box-comments .box-comment:after {
+  clear: both;
+}
+.box-comments .box-comment:last-of-type {
+  border-bottom: 0;
+}
+.box-comments .box-comment:first-of-type {
+  padding-top: 0;
+}
+.box-comments .box-comment img {
+  float: left;
+}
+.box-comments .comment-text {
+  margin-left: 40px;
+  color: #555;
+}
+.box-comments .username {
+  color: #444;
+  display: block;
+  font-weight: 600;
+}
+.box-comments .text-muted {
+  font-weight: 400;
+  font-size: 12px;
+}
 /* Widget: TODO LIST */
 .todo-list {
  margin: 0;
@@ -2101,6 +2146,15 @@ a:focus {
  background-color: #fff;
  border-radius: 4px;
 }
+.timeline-inverse > li > .timeline-item {
+  background: #f0f0f0;
+  border: 1px solid #ddd;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.timeline-inverse > li > .timeline-item > .timeline-header {
+  border-bottom-color: #ddd;
+}
 /*
 * Component: Button
 * -----------------
@@ -2410,6 +2464,9 @@ a:focus {
  color: #444;
  border-radius: 0;
 }
+.nav-tabs-custom > .nav-tabs > li > a.text-muted {
+  color: #999;
+}
 .nav-tabs-custom > .nav-tabs > li > a,
 .nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
@@ -2443,7 +2500,7 @@ a:focus {
  border-left-color: transparent;
 }
 .nav-tabs-custom > .nav-tabs.pull-right {
-  float: none!important;
+  float: none !important;
 }
 .nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
@@ -2480,6 +2537,24 @@ a:focus {
  background: transparent;
  color: #999;
 }
+.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
+  border-top-color: #3c8dbc;
+}
+.nav-tabs-custom.tab-info > .nav-tabs > li.active {
+  border-top-color: #00c0ef;
+}
+.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
+  border-top-color: #dd4b39;
+}
+.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
+  border-top-color: #f39c12;
+}
+.nav-tabs-custom.tab-success > .nav-tabs > li.active {
+  border-top-color: #00a65a;
+}
+.nav-tabs-custom.tab-default > .nav-tabs > li.active {
+  border-top-color: #d2d6de;
+}
 /* PAGINATION */
 .pagination > li > a {
  background: #fafafa;
@@ -2909,6 +2984,67 @@ table.text-center th {
 .modal-danger .modal-footer {
  border-color: #c23321;
 }
+/*
+ * Component: Social Widgets
+ * -------------------------
+ */
+.box-widget {
+  border: none;
+  position: relative;
+}
+.widget-user .widget-user-header {
+  padding: 20px;
+  height: 120px;
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.widget-user .widget-user-username {
+  margin-top: 0;
+  margin-bottom: 5px;
+  font-size: 25px;
+  font-weight: 300;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+.widget-user .widget-user-desc {
+  margin-top: 0;
+}
+.widget-user .widget-user-image {
+  position: absolute;
+  top: 65px;
+  left: 50%;
+  margin-left: -45px;
+}
+.widget-user .widget-user-image > img {
+  width: 90px;
+  height: auto;
+  border: 3px solid #fff;
+}
+.widget-user .box-footer {
+  padding-top: 30px;
+}
+.widget-user-2 .widget-user-header {
+  padding: 20px;
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.widget-user-2 .widget-user-username {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  font-size: 25px;
+  font-weight: 300;
+}
+.widget-user-2 .widget-user-desc {
+  margin-top: 0;
+}
+.widget-user-2 .widget-user-username,
+.widget-user-2 .widget-user-desc {
+  margin-left: 75px;
+}
+.widget-user-2 .widget-user-image > img {
+  width: 65px;
+  height: auto;
+  float: left;
+}
 /*
 * Page: Mailbox
 * -------------
@@ -3151,6 +3287,34 @@ table.text-center th {
 .invoice-title {
  margin-top: 0;
 }
+/*
+ * Page: Profile
+ * -------------
+ */
+.profile-user-img {
+  margin: 0 auto;
+  width: 100px;
+  padding: 3px;
+  border: 3px solid #d2d6de;
+}
+.profile-username {
+  font-size: 21px;
+  margin-top: 5px;
+}
+.post {
+  border-bottom: 1px solid #d2d6de;
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+  color: #666;
+}
+.post:last-of-type {
+  border-bottom: 0;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+.post .user-block {
+  margin-bottom: 15px;
+}
 /*
 * Social Buttons for Bootstrap
 *
@@ -3276,9 +3440,17 @@ table.text-center th {
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-adn:hover,
 .btn-adn:focus,
-.btn-adn.focus,
+.btn-adn.focus {
+  color: #ffffff;
+  background-color: #ce563f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:hover {
+  color: #ffffff;
+  background-color: #ce563f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-adn:active,
 .btn-adn.active,
 .open > .dropdown-toggle.btn-adn {
@@ -3300,9 +3472,17 @@ table.text-center th {
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-bitbucket:hover,
 .btn-bitbucket:focus,
-.btn-bitbucket.focus,
+.btn-bitbucket.focus {
+  color: #ffffff;
+  background-color: #163758;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-bitbucket:hover {
+  color: #ffffff;
+  background-color: #163758;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-bitbucket:active,
 .btn-bitbucket.active,
 .open > .dropdown-toggle.btn-bitbucket {
@@ -3324,9 +3504,17 @@ table.text-center th {
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-dropbox:hover,
 .btn-dropbox:focus,
-.btn-dropbox.focus,
+.btn-dropbox.focus {
+  color: #ffffff;
+  background-color: #0d6aad;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-dropbox:hover {
+  color: #ffffff;
+  background-color: #0d6aad;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-dropbox:active,
 .btn-dropbox.active,
 .open > .dropdown-toggle.btn-dropbox {
@@ -3348,9 +3536,17 @@ table.text-center th {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-facebook:hover,
 .btn-facebook:focus,
-.btn-facebook.focus,
+.btn-facebook.focus {
+  color: #ffffff;
+  background-color: #2d4373;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-facebook:hover {
+  color: #ffffff;
+  background-color: #2d4373;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-facebook:active,
 .btn-facebook.active,
 .open > .dropdown-toggle.btn-facebook {
@@ -3372,9 +3568,17 @@ table.text-center th {
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-flickr:hover,
 .btn-flickr:focus,
-.btn-flickr.focus,
+.btn-flickr.focus {
+  color: #ffffff;
+  background-color: #cc006a;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-flickr:hover {
+  color: #ffffff;
+  background-color: #cc006a;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-flickr:active,
 .btn-flickr.active,
 .open > .dropdown-toggle.btn-flickr {
@@ -3396,9 +3600,17 @@ table.text-center th {
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-foursquare:hover,
 .btn-foursquare:focus,
-.btn-foursquare.focus,
+.btn-foursquare.focus {
+  color: #ffffff;
+  background-color: #f71752;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-foursquare:hover {
+  color: #ffffff;
+  background-color: #f71752;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-foursquare:active,
 .btn-foursquare.active,
 .open > .dropdown-toggle.btn-foursquare {
@@ -3420,9 +3632,17 @@ table.text-center th {
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-github:hover,
 .btn-github:focus,
-.btn-github.focus,
+.btn-github.focus {
+  color: #ffffff;
+  background-color: #2b2b2b;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-github:hover {
+  color: #ffffff;
+  background-color: #2b2b2b;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-github:active,
 .btn-github.active,
 .open > .dropdown-toggle.btn-github {
@@ -3444,9 +3664,17 @@ table.text-center th {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-google:hover,
 .btn-google:focus,
-.btn-google.focus,
+.btn-google.focus {
+  color: #ffffff;
+  background-color: #c23321;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-google:hover {
+  color: #ffffff;
+  background-color: #c23321;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-google:active,
 .btn-google.active,
 .open > .dropdown-toggle.btn-google {
@@ -3468,9 +3696,17 @@ table.text-center th {
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-instagram:hover,
 .btn-instagram:focus,
-.btn-instagram.focus,
+.btn-instagram.focus {
+  color: #ffffff;
+  background-color: #305777;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-instagram:hover {
+  color: #ffffff;
+  background-color: #305777;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-instagram:active,
 .btn-instagram.active,
 .open > .dropdown-toggle.btn-instagram {
@@ -3492,9 +3728,17 @@ table.text-center th {
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-linkedin:hover,
 .btn-linkedin:focus,
-.btn-linkedin.focus,
+.btn-linkedin.focus {
+  color: #ffffff;
+  background-color: #005983;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-linkedin:hover {
+  color: #ffffff;
+  background-color: #005983;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-linkedin:active,
 .btn-linkedin.active,
 .open > .dropdown-toggle.btn-linkedin {
@@ -3516,9 +3760,17 @@ table.text-center th {
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-microsoft:hover,
 .btn-microsoft:focus,
-.btn-microsoft.focus,
+.btn-microsoft.focus {
+  color: #ffffff;
+  background-color: #125acd;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:hover {
+  color: #ffffff;
+  background-color: #125acd;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-microsoft:active,
 .btn-microsoft.active,
 .open > .dropdown-toggle.btn-microsoft {
@@ -3540,9 +3792,17 @@ table.text-center th {
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-openid:hover,
 .btn-openid:focus,
-.btn-openid.focus,
+.btn-openid.focus {
+  color: #ffffff;
+  background-color: #da7908;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:hover {
+  color: #ffffff;
+  background-color: #da7908;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-openid:active,
 .btn-openid.active,
 .open > .dropdown-toggle.btn-openid {
@@ -3564,9 +3824,17 @@ table.text-center th {
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-pinterest:hover,
 .btn-pinterest:focus,
-.btn-pinterest.focus,
+.btn-pinterest.focus {
+  color: #ffffff;
+  background-color: #9f191f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:hover {
+  color: #ffffff;
+  background-color: #9f191f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-pinterest:active,
 .btn-pinterest.active,
 .open > .dropdown-toggle.btn-pinterest {
@@ -3588,9 +3856,17 @@ table.text-center th {
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-reddit:hover,
 .btn-reddit:focus,
-.btn-reddit.focus,
+.btn-reddit.focus {
+  color: #000000;
+  background-color: #bcddff;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:hover {
+  color: #000000;
+  background-color: #bcddff;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-reddit:active,
 .btn-reddit.active,
 .open > .dropdown-toggle.btn-reddit {
@@ -3612,9 +3888,17 @@ table.text-center th {
  background-color: #ff5500;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-soundcloud:hover,
 .btn-soundcloud:focus,
-.btn-soundcloud.focus,
+.btn-soundcloud.focus {
+  color: #ffffff;
+  background-color: #cc4400;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:hover {
+  color: #ffffff;
+  background-color: #cc4400;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-soundcloud:active,
 .btn-soundcloud.active,
 .open > .dropdown-toggle.btn-soundcloud {
@@ -3636,9 +3920,17 @@ table.text-center th {
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-tumblr:hover,
 .btn-tumblr:focus,
-.btn-tumblr.focus,
+.btn-tumblr.focus {
+  color: #ffffff;
+  background-color: #1c2d3f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-tumblr:hover {
+  color: #ffffff;
+  background-color: #1c2d3f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-tumblr:active,
 .btn-tumblr.active,
 .open > .dropdown-toggle.btn-tumblr {
@@ -3660,9 +3952,17 @@ table.text-center th {
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-twitter:hover,
 .btn-twitter:focus,
-.btn-twitter.focus,
+.btn-twitter.focus {
+  color: #ffffff;
+  background-color: #2795e9;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-twitter:hover {
+  color: #ffffff;
+  background-color: #2795e9;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-twitter:active,
 .btn-twitter.active,
 .open > .dropdown-toggle.btn-twitter {
@@ -3684,9 +3984,17 @@ table.text-center th {
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-vimeo:hover,
 .btn-vimeo:focus,
-.btn-vimeo.focus,
+.btn-vimeo.focus {
+  color: #ffffff;
+  background-color: #1295bf;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:hover {
+  color: #ffffff;
+  background-color: #1295bf;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-vimeo:active,
 .btn-vimeo.active,
 .open > .dropdown-toggle.btn-vimeo {
@@ -3708,9 +4016,17 @@ table.text-center th {
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-vk:hover,
 .btn-vk:focus,
-.btn-vk.focus,
+.btn-vk.focus {
+  color: #ffffff;
+  background-color: #466482;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vk:hover {
+  color: #ffffff;
+  background-color: #466482;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-vk:active,
 .btn-vk.active,
 .open > .dropdown-toggle.btn-vk {
@@ -3732,9 +4048,17 @@ table.text-center th {
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-yahoo:hover,
 .btn-yahoo:focus,
-.btn-yahoo.focus,
+.btn-yahoo.focus {
+  color: #ffffff;
+  background-color: #500a6f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:hover {
+  color: #ffffff;
+  background-color: #500a6f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
 .btn-yahoo:active,
 .btn-yahoo.active,
 .open > .dropdown-toggle.btn-yahoo {
@@ -3918,7 +4242,6 @@ table.text-center th {
 .select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0;
-  height: 34px;
 }
 .select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc;
@@ -3955,6 +4278,12 @@ table.text-center th {
 .margin-bottom {
  margin-bottom: 20px;
 }
+.margin-bottom-none {
+  margin-bottom: 0;
+}
+.margin-r-5 {
+  margin-right: 5px;
+}
 .inline {
  display: inline;
 }
@@ -4040,6 +4369,9 @@ table.text-center th {
  color: #000;
  background-color: #d2d6de !important;
 }
+.bg-gray-light {
+  background-color: #f7f7f7;
+}
 .bg-black {
  background-color: #111111 !important;
 }
@@ -4215,6 +4547,20 @@ table.text-center th {
 .text-maroon {
  color: #d81b60 !important;
 }
+.link-muted {
+  color: #7a869d;
+}
+.link-muted:hover,
+.link-muted:focus {
+  color: #606c84;
+}
+.link-black {
+  color: #666;
+}
+.link-black:hover,
+.link-black:focus {
+  color: #999;
+}
 .hide {
  display: none !important;
 }
@@ -4228,7 +4574,7 @@ table.text-center th {
  margin: 0 !important;
 }
 .no-shadow {
-  box-shadow: none!important;
+  box-shadow: none !important;
 }
 .list-unstyled,
 .chart-legend,
@@ -4239,6 +4585,13 @@ table.text-center th {
  margin: 0;
  padding: 0;
 }
+.list-group-unbordered > .list-group-item {
+  border-left: 0;
+  border-right: 0;
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
 .flat {
  border-radius: 0 !important;
 }
@@ -4247,10 +4600,13 @@ table.text-center th {
 .text-bold.table th {
  font-weight: 700;
 }
+.text-sm {
+  font-size: 12px;
+}
 .jqstooltip {
-  padding: 5px!important;
-  width: auto!important;
-  height: auto!important;
+  padding: 5px !important;
+  width: auto !important;
+  height: auto !important;
 }
 .bg-teal-gradient {
  background: #39cccc !important;
@@ -4342,6 +4698,130 @@ table.text-center th {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
  color: #fff;
 }
+.description-block .description-icon {
+  font-size: 16px;
+}
+.no-pad-top {
+  padding-top: 0;
+}
+.position-static {
+  position: static !important;
+}
+.list-header {
+  font-size: 15px;
+  padding: 10px 4px;
+  font-weight: bold;
+  color: #666;
+}
+.list-seperator {
+  height: 1px;
+  background: #f4f4f4;
+  margin: 15px 0 9px 0;
+}
+.list-link > a {
+  padding: 4px;
+  color: #777;
+}
+.list-link > a:hover {
+  color: #222;
+}
+.font-light {
+  font-weight: 300;
+}
+.user-block:before,
+.user-block:after {
+  content: " ";
+  display: table;
+}
+.user-block:after {
+  clear: both;
+}
+.user-block img {
+  width: 40px;
+  height: 40px;
+  float: left;
+}
+.user-block .username,
+.user-block .description,
+.user-block .comment {
+  display: block;
+  margin-left: 50px;
+}
+.user-block .username {
+  font-size: 16px;
+  font-weight: 600;
+}
+.user-block .description {
+  color: #999;
+  font-size: 13px;
+}
+.user-block.user-block-sm .username,
+.user-block.user-block-sm .description,
+.user-block.user-block-sm .comment {
+  margin-left: 40px;
+}
+.user-block.user-block-sm .username {
+  font-size: 14px;
+}
+.img-sm,
+.img-md,
+.img-lg,
+.box-comments .box-comment img,
+.user-block.user-block-sm img {
+  float: left;
+}
+.img-sm,
+.box-comments .box-comment img,
+.user-block.user-block-sm img {
+  width: 30px !important;
+  height: 30px !important;
+}
+.img-sm + .img-push {
+  margin-left: 40px;
+}
+.img-md {
+  width: 60px;
+  height: 60px;
+}
+.img-md + .img-push {
+  margin-left: 70px;
+}
+.img-lg {
+  width: 100px;
+  height: 100px;
+}
+.img-lg + .img-push {
+  margin-left: 110px;
+}
+.img-bordered {
+  border: 3px solid #d2d6de;
+  padding: 3px;
+}
+.img-bordered-sm {
+  border: 2px solid #d2d6de;
+  padding: 2px;
+}
+.attachment-block {
+  border: 1px solid #f4f4f4;
+  padding: 5px;
+  margin-bottom: 10px;
+  background: #f7f7f7;
+}
+.attachment-block .attachment-img {
+  max-width: 100px;
+  max-height: 100px;
+  height: auto;
+  float: left;
+}
+.attachment-block .attachment-pushed {
+  margin-left: 110px;
+}
+.attachment-block .attachment-heading {
+  margin: 0;
+}
+.attachment-block .attachment-text {
+  color: #555;
+}
 .connectedSortable {
  min-height: 100px;
 }
@@ -4375,7 +4855,7 @@ table.text-center th {
 }
 .chart svg,
 .chart canvas {
-  width: 100%!important;
+  width: 100% !important;
 }
 /*
 * Misc: print
@@ -4387,13 +4867,13 @@ table.text-center th {
  .left-side,
  .main-header,
  .content-header {
-    display: none!important;
+    display: none !important;
  }
  .content-wrapper,
  .right-side,
  .main-footer {
-    margin-left: 0!important;
-    min-height: 0!important;
+    margin-left: 0 !important;
+    min-height: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
@@ -4401,7 +4881,7 @@ table.text-center th {
  }
  .fixed .content-wrapper,
  .fixed .right-side {
-    padding-top: 0!important;
+    padding-top: 0 !important;
  }
  .invoice {
    width: 100%;
@@ -4418,6 +4898,6 @@ table.text-center th {
  }
  .table-responsive > .table tr th,
  .table-responsive > .table tr td {
-    white-space: normal!important;
+    white-space: normal !important;
  }
 }
--- a/dist/css/AdminLTE.min.css
+++ b/dist/css/AdminLTE.min.css
--- a/dist/css/skins/_all-skins.css
+++ b/dist/css/skins/_all-skins.css
@@ -13,7 +13,8 @@
 .skin-blue .main-header .navbar .nav > li > a:focus,
 .skin-blue .main-header .navbar .nav .open > a,
 .skin-blue .main-header .navbar .nav .open > a:hover,
-.skin-blue .main-header .navbar .nav .open > a:focus {
+.skin-blue .main-header .navbar .nav .open > a:focus,
+.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
@@ -154,7 +155,8 @@
 .skin-blue-light .main-header .navbar .nav > li > a:focus,
 .skin-blue-light .main-header .navbar .nav .open > a,
 .skin-blue-light .main-header .navbar .nav .open > a:hover,
-.skin-blue-light .main-header .navbar .nav .open > a:focus {
+.skin-blue-light .main-header .navbar .nav .open > a:focus,
+.skin-blue-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
@@ -332,7 +334,8 @@
 .skin-black .main-header > .navbar .nav > li > a:focus,
 .skin-black .main-header > .navbar .nav .open > a,
 .skin-black .main-header > .navbar .nav .open > a:hover,
-.skin-black .main-header > .navbar .nav .open > a:focus {
+.skin-black .main-header > .navbar .nav .open > a:focus,
+.skin-black .main-header > .navbar .nav > .active > a {
  background: #ffffff;
  color: #999999;
 }
@@ -485,7 +488,8 @@
 .skin-black-light .main-header > .navbar .nav > li > a:focus,
 .skin-black-light .main-header > .navbar .nav .open > a,
 .skin-black-light .main-header > .navbar .nav .open > a:hover,
-.skin-black-light .main-header > .navbar .nav .open > a:focus {
+.skin-black-light .main-header > .navbar .nav .open > a:focus,
+.skin-black-light .main-header > .navbar .nav > .active > a {
  background: #ffffff;
  color: #999999;
 }
@@ -648,7 +652,8 @@
 .skin-green .main-header .navbar .nav > li > a:focus,
 .skin-green .main-header .navbar .nav .open > a,
 .skin-green .main-header .navbar .nav .open > a:hover,
-.skin-green .main-header .navbar .nav .open > a:focus {
+.skin-green .main-header .navbar .nav .open > a:focus,
+.skin-green .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
@@ -781,7 +786,8 @@
 .skin-green-light .main-header .navbar .nav > li > a:focus,
 .skin-green-light .main-header .navbar .nav .open > a,
 .skin-green-light .main-header .navbar .nav .open > a:hover,
-.skin-green-light .main-header .navbar .nav .open > a:focus {
+.skin-green-light .main-header .navbar .nav .open > a:focus,
+.skin-green-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
@@ -936,7 +942,8 @@
 .skin-red .main-header .navbar .nav > li > a:focus,
 .skin-red .main-header .navbar .nav .open > a,
 .skin-red .main-header .navbar .nav .open > a:hover,
-.skin-red .main-header .navbar .nav .open > a:focus {
+.skin-red .main-header .navbar .nav .open > a:focus,
+.skin-red .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
@@ -1069,7 +1076,8 @@
 .skin-red-light .main-header .navbar .nav > li > a:focus,
 .skin-red-light .main-header .navbar .nav .open > a,
 .skin-red-light .main-header .navbar .nav .open > a:hover,
-.skin-red-light .main-header .navbar .nav .open > a:focus {
+.skin-red-light .main-header .navbar .nav .open > a:focus,
+.skin-red-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
@@ -1224,7 +1232,8 @@
 .skin-yellow .main-header .navbar .nav > li > a:focus,
 .skin-yellow .main-header .navbar .nav .open > a,
 .skin-yellow .main-header .navbar .nav .open > a:hover,
-.skin-yellow .main-header .navbar .nav .open > a:focus {
+.skin-yellow .main-header .navbar .nav .open > a:focus,
+.skin-yellow .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
@@ -1357,7 +1366,8 @@
 .skin-yellow-light .main-header .navbar .nav > li > a:focus,
 .skin-yellow-light .main-header .navbar .nav .open > a,
 .skin-yellow-light .main-header .navbar .nav .open > a:hover,
-.skin-yellow-light .main-header .navbar .nav .open > a:focus {
+.skin-yellow-light .main-header .navbar .nav .open > a:focus,
+.skin-yellow-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
@@ -1512,7 +1522,8 @@
 .skin-purple .main-header .navbar .nav > li > a:focus,
 .skin-purple .main-header .navbar .nav .open > a,
 .skin-purple .main-header .navbar .nav .open > a:hover,
-.skin-purple .main-header .navbar .nav .open > a:focus {
+.skin-purple .main-header .navbar .nav .open > a:focus,
+.skin-purple .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
@@ -1645,7 +1656,8 @@
 .skin-purple-light .main-header .navbar .nav > li > a:focus,
 .skin-purple-light .main-header .navbar .nav .open > a,
 .skin-purple-light .main-header .navbar .nav .open > a:hover,
-.skin-purple-light .main-header .navbar .nav .open > a:focus {
+.skin-purple-light .main-header .navbar .nav .open > a:focus,
+.skin-purple-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/_all-skins.min.css
+++ b/dist/css/skins/_all-skins.min.css
--- a/dist/css/skins/skin-black-light.css
+++ b/dist/css/skins/skin-black-light.css
@@ -25,7 +25,8 @@
 .skin-black-light .main-header > .navbar .nav > li > a:focus,
 .skin-black-light .main-header > .navbar .nav .open > a,
 .skin-black-light .main-header > .navbar .nav .open > a:hover,
-.skin-black-light .main-header > .navbar .nav .open > a:focus {
+.skin-black-light .main-header > .navbar .nav .open > a:focus,
+.skin-black-light .main-header > .navbar .nav > .active > a {
  background: #ffffff;
  color: #999999;
 }
--- a/dist/css/skins/skin-black-light.min.css
+++ b/dist/css/skins/skin-black-light.min.css
@@ -1 +1 @@
-.skin-black-light .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black-light .main-header>.navbar{background-color:#fff}.skin-black-light .main-header>.navbar .nav>li>a{color:#333}.skin-black-light .main-header>.navbar .nav>li>a:hover,.skin-black-light .main-header>.navbar .nav>li>a:active,.skin-black-light .main-header>.navbar .nav>li>a:focus,.skin-black-light .main-header>.navbar .nav .open>a,.skin-black-light .main-header>.navbar .nav .open>a:hover,.skin-black-light .main-header>.navbar .nav .open>a:focus{background:#fff;color:#999}.skin-black-light .main-header>.navbar .sidebar-toggle{color:#333}.skin-black-light .main-header>.navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header>.navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black-light .main-header>.navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black-light .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header>.navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black-light .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black-light .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black-light .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black-light .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:transparent;box-shadow:none}.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{background-color:#f9fafc}.skin-black-light .content-wrapper,.skin-black-light .main-footer{border-left:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .treeview-menu>li>a{color:#777}.skin-black-light .treeview-menu>li.active>a,.skin-black-light .treeview-menu>li>a:hover{color:#000}.skin-black-light .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-black-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
+.skin-black-light .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black-light .main-header>.navbar{background-color:#fff}.skin-black-light .main-header>.navbar .nav>li>a{color:#333}.skin-black-light .main-header>.navbar .nav>li>a:hover,.skin-black-light .main-header>.navbar .nav>li>a:active,.skin-black-light .main-header>.navbar .nav>li>a:focus,.skin-black-light .main-header>.navbar .nav .open>a,.skin-black-light .main-header>.navbar .nav .open>a:hover,.skin-black-light .main-header>.navbar .nav .open>a:focus,.skin-black-light .main-header>.navbar .nav>.active>a{background:#fff;color:#999}.skin-black-light .main-header>.navbar .sidebar-toggle{color:#333}.skin-black-light .main-header>.navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header>.navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black-light .main-header>.navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black-light .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header>.navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black-light .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black-light .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black-light .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black-light .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:transparent;box-shadow:none}.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{background-color:#f9fafc}.skin-black-light .content-wrapper,.skin-black-light .main-footer{border-left:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .treeview-menu>li>a{color:#777}.skin-black-light .treeview-menu>li.active>a,.skin-black-light .treeview-menu>li>a:hover{color:#000}.skin-black-light .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-black-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
--- a/dist/css/skins/skin-black.css
+++ b/dist/css/skins/skin-black.css
@@ -25,7 +25,8 @@
 .skin-black .main-header > .navbar .nav > li > a:focus,
 .skin-black .main-header > .navbar .nav .open > a,
 .skin-black .main-header > .navbar .nav .open > a:hover,
-.skin-black .main-header > .navbar .nav .open > a:focus {
+.skin-black .main-header > .navbar .nav .open > a:focus,
+.skin-black .main-header > .navbar .nav > .active > a {
  background: #ffffff;
  color: #999999;
 }
--- a/dist/css/skins/skin-black.min.css
+++ b/dist/css/skins/skin-black.min.css
@@ -1 +1 @@
-.skin-black .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header>.navbar{background-color:#fff}.skin-black .main-header>.navbar .nav>li>a{color:#333}.skin-black .main-header>.navbar .nav>li>a:hover,.skin-black .main-header>.navbar .nav>li>a:active,.skin-black .main-header>.navbar .nav>li>a:focus,.skin-black .main-header>.navbar .nav .open>a,.skin-black .main-header>.navbar .nav .open>a:hover,.skin-black .main-header>.navbar .nav .open>a:focus{background:#fff;color:#999}.skin-black .main-header>.navbar .sidebar-toggle{color:#333}.skin-black .main-header>.navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header>.navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header>.navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header>.navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:transparent;box-shadow:none}.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .treeview-menu>li>a{color:#8aa4af}.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-black .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
+.skin-black .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header>.navbar{background-color:#fff}.skin-black .main-header>.navbar .nav>li>a{color:#333}.skin-black .main-header>.navbar .nav>li>a:hover,.skin-black .main-header>.navbar .nav>li>a:active,.skin-black .main-header>.navbar .nav>li>a:focus,.skin-black .main-header>.navbar .nav .open>a,.skin-black .main-header>.navbar .nav .open>a:hover,.skin-black .main-header>.navbar .nav .open>a:focus,.skin-black .main-header>.navbar .nav>.active>a{background:#fff;color:#999}.skin-black .main-header>.navbar .sidebar-toggle{color:#333}.skin-black .main-header>.navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header>.navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header>.navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header>.navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:transparent;box-shadow:none}.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .treeview-menu>li>a{color:#8aa4af}.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-black .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
--- a/dist/css/skins/skin-blue-light.css
+++ b/dist/css/skins/skin-blue-light.css
@@ -13,7 +13,8 @@
 .skin-blue-light .main-header .navbar .nav > li > a:focus,
 .skin-blue-light .main-header .navbar .nav .open > a,
 .skin-blue-light .main-header .navbar .nav .open > a:hover,
-.skin-blue-light .main-header .navbar .nav .open > a:focus {
+.skin-blue-light .main-header .navbar .nav .open > a:focus,
+.skin-blue-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-blue-light.min.css
+++ b/dist/css/skins/skin-blue-light.min.css
@@ -1 +1 @@
-.skin-blue-light .main-header .navbar{background-color:#3c8dbc}.skin-blue-light .main-header .navbar .nav>li>a{color:#fff}.skin-blue-light .main-header .navbar .nav>li>a:hover,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue-light .main-header .logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue-light .main-header .logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header li.user-header{background-color:#3c8dbc}.skin-blue-light .content-header{background:transparent}.skin-blue-light .wrapper,.skin-blue-light .main-sidebar,.skin-blue-light .left-side{background-color:#f9fafc}.skin-blue-light .content-wrapper,.skin-blue-light .main-footer{border-left:1px solid #d2d6de}.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{color:#444}.skin-blue-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-blue-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-blue-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue-light .sidebar-menu>li:hover>a,.skin-blue-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-blue-light .sidebar-menu>li.active{border-left-color:#3c8dbc}.skin-blue-light .sidebar-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-blue-light .sidebar a{color:#444}.skin-blue-light .sidebar a:hover{text-decoration:none}.skin-blue-light .treeview-menu>li>a{color:#777}.skin-blue-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li>a:hover{color:#000}.skin-blue-light .treeview-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-blue-light .sidebar-form input[type="text"],.skin-blue-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-blue-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-light .sidebar-form input[type="text"]:focus,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-blue-light .main-footer{border-top-color:#d2d6de}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}
+.skin-blue-light .main-header .navbar{background-color:#3c8dbc}.skin-blue-light .main-header .navbar .nav>li>a{color:#fff}.skin-blue-light .main-header .navbar .nav>li>a:hover,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav .open>a:focus,.skin-blue-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue-light .main-header .logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue-light .main-header .logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header li.user-header{background-color:#3c8dbc}.skin-blue-light .content-header{background:transparent}.skin-blue-light .wrapper,.skin-blue-light .main-sidebar,.skin-blue-light .left-side{background-color:#f9fafc}.skin-blue-light .content-wrapper,.skin-blue-light .main-footer{border-left:1px solid #d2d6de}.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{color:#444}.skin-blue-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-blue-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-blue-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue-light .sidebar-menu>li:hover>a,.skin-blue-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-blue-light .sidebar-menu>li.active{border-left-color:#3c8dbc}.skin-blue-light .sidebar-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-blue-light .sidebar a{color:#444}.skin-blue-light .sidebar a:hover{text-decoration:none}.skin-blue-light .treeview-menu>li>a{color:#777}.skin-blue-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li>a:hover{color:#000}.skin-blue-light .treeview-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-blue-light .sidebar-form input[type="text"],.skin-blue-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-blue-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-light .sidebar-form input[type="text"]:focus,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-blue-light .main-footer{border-top-color:#d2d6de}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}
--- a/dist/css/skins/skin-blue.css
+++ b/dist/css/skins/skin-blue.css
@@ -13,7 +13,8 @@
 .skin-blue .main-header .navbar .nav > li > a:focus,
 .skin-blue .main-header .navbar .nav .open > a,
 .skin-blue .main-header .navbar .nav .open > a:hover,
-.skin-blue .main-header .navbar .nav .open > a:focus {
+.skin-blue .main-header .navbar .nav .open > a:focus,
+.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-blue.min.css
+++ b/dist/css/skins/skin-blue.min.css
@@ -1 +1 @@
-.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}
+.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}
--- a/dist/css/skins/skin-green-light.css
+++ b/dist/css/skins/skin-green-light.css
@@ -13,7 +13,8 @@
 .skin-green-light .main-header .navbar .nav > li > a:focus,
 .skin-green-light .main-header .navbar .nav .open > a,
 .skin-green-light .main-header .navbar .nav .open > a:hover,
-.skin-green-light .main-header .navbar .nav .open > a:focus {
+.skin-green-light .main-header .navbar .nav .open > a:focus,
+.skin-green-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-green-light.min.css
+++ b/dist/css/skins/skin-green-light.min.css
@@ -1 +1 @@
-.skin-green-light .main-header .navbar{background-color:#00a65a}.skin-green-light .main-header .navbar .nav>li>a{color:#fff}.skin-green-light .main-header .navbar .nav>li>a:hover,.skin-green-light .main-header .navbar .nav>li>a:active,.skin-green-light .main-header .navbar .nav>li>a:focus,.skin-green-light .main-header .navbar .nav .open>a,.skin-green-light .main-header .navbar .nav .open>a:hover,.skin-green-light .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-light .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-light .main-header .logo{background-color:#00a65a;color:#fff;border-bottom:0 solid transparent}.skin-green-light .main-header .logo:hover{background-color:#00a157}.skin-green-light .main-header li.user-header{background-color:#00a65a}.skin-green-light .content-header{background:transparent}.skin-green-light .wrapper,.skin-green-light .main-sidebar,.skin-green-light .left-side{background-color:#f9fafc}.skin-green-light .content-wrapper,.skin-green-light .main-footer{border-left:1px solid #d2d6de}.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a{color:#444}.skin-green-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-green-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-green-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-green-light .sidebar-menu>li:hover>a,.skin-green-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-green-light .sidebar-menu>li.active{border-left-color:#00a65a}.skin-green-light .sidebar-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-green-light .sidebar a{color:#444}.skin-green-light .sidebar a:hover{text-decoration:none}.skin-green-light .treeview-menu>li>a{color:#777}.skin-green-light .treeview-menu>li.active>a,.skin-green-light .treeview-menu>li>a:hover{color:#000}.skin-green-light .treeview-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-green-light .sidebar-form input[type="text"],.skin-green-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-green-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-light .sidebar-form input[type="text"]:focus,.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
+.skin-green-light .main-header .navbar{background-color:#00a65a}.skin-green-light .main-header .navbar .nav>li>a{color:#fff}.skin-green-light .main-header .navbar .nav>li>a:hover,.skin-green-light .main-header .navbar .nav>li>a:active,.skin-green-light .main-header .navbar .nav>li>a:focus,.skin-green-light .main-header .navbar .nav .open>a,.skin-green-light .main-header .navbar .nav .open>a:hover,.skin-green-light .main-header .navbar .nav .open>a:focus,.skin-green-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-light .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-light .main-header .logo{background-color:#00a65a;color:#fff;border-bottom:0 solid transparent}.skin-green-light .main-header .logo:hover{background-color:#00a157}.skin-green-light .main-header li.user-header{background-color:#00a65a}.skin-green-light .content-header{background:transparent}.skin-green-light .wrapper,.skin-green-light .main-sidebar,.skin-green-light .left-side{background-color:#f9fafc}.skin-green-light .content-wrapper,.skin-green-light .main-footer{border-left:1px solid #d2d6de}.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a{color:#444}.skin-green-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-green-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-green-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-green-light .sidebar-menu>li:hover>a,.skin-green-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-green-light .sidebar-menu>li.active{border-left-color:#00a65a}.skin-green-light .sidebar-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-green-light .sidebar a{color:#444}.skin-green-light .sidebar a:hover{text-decoration:none}.skin-green-light .treeview-menu>li>a{color:#777}.skin-green-light .treeview-menu>li.active>a,.skin-green-light .treeview-menu>li>a:hover{color:#000}.skin-green-light .treeview-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-green-light .sidebar-form input[type="text"],.skin-green-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-green-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-light .sidebar-form input[type="text"]:focus,.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
--- a/dist/css/skins/skin-green.css
+++ b/dist/css/skins/skin-green.css
@@ -13,7 +13,8 @@
 .skin-green .main-header .navbar .nav > li > a:focus,
 .skin-green .main-header .navbar .nav .open > a,
 .skin-green .main-header .navbar .nav .open > a:hover,
-.skin-green .main-header .navbar .nav .open > a:focus {
+.skin-green .main-header .navbar .nav .open > a:focus,
+.skin-green .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-green.min.css
+++ b/dist/css/skins/skin-green.min.css
@@ -1 +1 @@
-.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header .logo{background-color:#008d4c;color:#fff;border-bottom:0 solid transparent}.skin-green .main-header .logo:hover{background-color:#008749}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li:hover>a,.skin-green .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#00a65a}.skin-green .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .treeview-menu>li>a{color:#8aa4af}.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-green .sidebar-form input[type="text"],.skin-green .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-green .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green .sidebar-form input[type="text"]:focus,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
+.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header .logo{background-color:#008d4c;color:#fff;border-bottom:0 solid transparent}.skin-green .main-header .logo:hover{background-color:#008749}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li:hover>a,.skin-green .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#00a65a}.skin-green .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .treeview-menu>li>a{color:#8aa4af}.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-green .sidebar-form input[type="text"],.skin-green .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-green .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green .sidebar-form input[type="text"]:focus,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
--- a/dist/css/skins/skin-purple-light.css
+++ b/dist/css/skins/skin-purple-light.css
@@ -13,7 +13,8 @@
 .skin-purple-light .main-header .navbar .nav > li > a:focus,
 .skin-purple-light .main-header .navbar .nav .open > a,
 .skin-purple-light .main-header .navbar .nav .open > a:hover,
-.skin-purple-light .main-header .navbar .nav .open > a:focus {
+.skin-purple-light .main-header .navbar .nav .open > a:focus,
+.skin-purple-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-purple-light.min.css
+++ b/dist/css/skins/skin-purple-light.min.css
@@ -1 +1 @@
-.skin-purple-light .main-header .navbar{background-color:#605ca8}.skin-purple-light .main-header .navbar .nav>li>a{color:#fff}.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-light .main-header .logo{background-color:#605ca8;color:#fff;border-bottom:0 solid transparent}.skin-purple-light .main-header .logo:hover{background-color:#5d59a6}.skin-purple-light .main-header li.user-header{background-color:#605ca8}.skin-purple-light .content-header{background:transparent}.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side{background-color:#f9fafc}.skin-purple-light .content-wrapper,.skin-purple-light .main-footer{border-left:1px solid #d2d6de}.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{color:#444}.skin-purple-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-purple-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-purple-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-purple-light .sidebar-menu>li.active{border-left-color:#605ca8}.skin-purple-light .sidebar-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-purple-light .sidebar a{color:#444}.skin-purple-light .sidebar a:hover{text-decoration:none}.skin-purple-light .treeview-menu>li>a{color:#777}.skin-purple-light .treeview-menu>li.active>a,.skin-purple-light .treeview-menu>li>a:hover{color:#000}.skin-purple-light .treeview-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-purple-light .sidebar-form input[type="text"],.skin-purple-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-purple-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-light .sidebar-form input[type="text"]:focus,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
+.skin-purple-light .main-header .navbar{background-color:#605ca8}.skin-purple-light .main-header .navbar .nav>li>a{color:#fff}.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-light .main-header .logo{background-color:#605ca8;color:#fff;border-bottom:0 solid transparent}.skin-purple-light .main-header .logo:hover{background-color:#5d59a6}.skin-purple-light .main-header li.user-header{background-color:#605ca8}.skin-purple-light .content-header{background:transparent}.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side{background-color:#f9fafc}.skin-purple-light .content-wrapper,.skin-purple-light .main-footer{border-left:1px solid #d2d6de}.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{color:#444}.skin-purple-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-purple-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-purple-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-purple-light .sidebar-menu>li.active{border-left-color:#605ca8}.skin-purple-light .sidebar-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-purple-light .sidebar a{color:#444}.skin-purple-light .sidebar a:hover{text-decoration:none}.skin-purple-light .treeview-menu>li>a{color:#777}.skin-purple-light .treeview-menu>li.active>a,.skin-purple-light .treeview-menu>li>a:hover{color:#000}.skin-purple-light .treeview-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-purple-light .sidebar-form input[type="text"],.skin-purple-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-purple-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-light .sidebar-form input[type="text"]:focus,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
--- a/dist/css/skins/skin-purple.css
+++ b/dist/css/skins/skin-purple.css
@@ -13,7 +13,8 @@
 .skin-purple .main-header .navbar .nav > li > a:focus,
 .skin-purple .main-header .navbar .nav .open > a,
 .skin-purple .main-header .navbar .nav .open > a:hover,
-.skin-purple .main-header .navbar .nav .open > a:focus {
+.skin-purple .main-header .navbar .nav .open > a:focus,
+.skin-purple .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-purple.min.css
+++ b/dist/css/skins/skin-purple.min.css
@@ -1 +1 @@
-.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header .logo{background-color:#555299;color:#fff;border-bottom:0 solid transparent}.skin-purple .main-header .logo:hover{background-color:#545096}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .treeview-menu>li>a{color:#8aa4af}.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-purple .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
+.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header .logo{background-color:#555299;color:#fff;border-bottom:0 solid transparent}.skin-purple .main-header .logo:hover{background-color:#545096}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .treeview-menu>li>a{color:#8aa4af}.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-purple .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
--- a/dist/css/skins/skin-red-light.css
+++ b/dist/css/skins/skin-red-light.css
@@ -13,7 +13,8 @@
 .skin-red-light .main-header .navbar .nav > li > a:focus,
 .skin-red-light .main-header .navbar .nav .open > a,
 .skin-red-light .main-header .navbar .nav .open > a:hover,
-.skin-red-light .main-header .navbar .nav .open > a:focus {
+.skin-red-light .main-header .navbar .nav .open > a:focus,
+.skin-red-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-red-light.min.css
+++ b/dist/css/skins/skin-red-light.min.css
@@ -1 +1 @@
-.skin-red-light .main-header .navbar{background-color:#dd4b39}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red-light .main-header .logo{background-color:#dd4b39;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#dc4735}.skin-red-light .main-header li.user-header{background-color:#dd4b39}.skin-red-light .content-header{background:transparent}.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{background-color:#f9fafc}.skin-red-light .content-wrapper,.skin-red-light .main-footer{border-left:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#dd4b39}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .treeview-menu>li>a{color:#777}.skin-red-light .treeview-menu>li.active>a,.skin-red-light .treeview-menu>li>a:hover{color:#000}.skin-red-light .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-red-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
+.skin-red-light .main-header .navbar{background-color:#dd4b39}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red-light .main-header .logo{background-color:#dd4b39;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#dc4735}.skin-red-light .main-header li.user-header{background-color:#dd4b39}.skin-red-light .content-header{background:transparent}.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{background-color:#f9fafc}.skin-red-light .content-wrapper,.skin-red-light .main-footer{border-left:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#dd4b39}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .treeview-menu>li>a{color:#777}.skin-red-light .treeview-menu>li.active>a,.skin-red-light .treeview-menu>li>a:hover{color:#000}.skin-red-light .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-red-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
--- a/dist/css/skins/skin-red.css
+++ b/dist/css/skins/skin-red.css
@@ -13,7 +13,8 @@
 .skin-red .main-header .navbar .nav > li > a:focus,
 .skin-red .main-header .navbar .nav .open > a,
 .skin-red .main-header .navbar .nav .open > a:hover,
-.skin-red .main-header .navbar .nav .open > a:focus {
+.skin-red .main-header .navbar .nav .open > a:focus,
+.skin-red .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-red.min.css
+++ b/dist/css/skins/skin-red.min.css
@@ -1 +1 @@
-.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header .logo{background-color:#d73925;color:#fff;border-bottom:0 solid transparent}.skin-red .main-header .logo:hover{background-color:#d33724}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#dd4b39}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .treeview-menu>li>a{color:#8aa4af}.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-red .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
+.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header .logo{background-color:#d73925;color:#fff;border-bottom:0 solid transparent}.skin-red .main-header .logo:hover{background-color:#d33724}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#dd4b39}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .treeview-menu>li>a{color:#8aa4af}.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-red .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
--- a/dist/css/skins/skin-yellow-light.css
+++ b/dist/css/skins/skin-yellow-light.css
@@ -13,7 +13,8 @@
 .skin-yellow-light .main-header .navbar .nav > li > a:focus,
 .skin-yellow-light .main-header .navbar .nav .open > a,
 .skin-yellow-light .main-header .navbar .nav .open > a:hover,
-.skin-yellow-light .main-header .navbar .nav .open > a:focus {
+.skin-yellow-light .main-header .navbar .nav .open > a:focus,
+.skin-yellow-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-yellow-light.min.css
+++ b/dist/css/skins/skin-yellow-light.min.css
@@ -1 +1 @@
-.skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:transparent}.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{background-color:#f9fafc}.skin-yellow-light .content-wrapper,.skin-yellow-light .main-footer{border-left:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .treeview-menu>li>a{color:#777}.skin-yellow-light .treeview-menu>li.active>a,.skin-yellow-light .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-yellow-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
+.skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:transparent}.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{background-color:#f9fafc}.skin-yellow-light .content-wrapper,.skin-yellow-light .main-footer{border-left:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .treeview-menu>li>a{color:#777}.skin-yellow-light .treeview-menu>li.active>a,.skin-yellow-light .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-yellow-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
--- a/dist/css/skins/skin-yellow.css
+++ b/dist/css/skins/skin-yellow.css
@@ -13,7 +13,8 @@
 .skin-yellow .main-header .navbar .nav > li > a:focus,
 .skin-yellow .main-header .navbar .nav .open > a,
 .skin-yellow .main-header .navbar .nav .open > a:hover,
-.skin-yellow .main-header .navbar .nav .open > a:focus {
+.skin-yellow .main-header .navbar .nav .open > a:focus,
+.skin-yellow .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
 }
--- a/dist/css/skins/skin-yellow.min.css
+++ b/dist/css/skins/skin-yellow.min.css
@@ -1 +1 @@
-.skin-yellow .main-header .navbar{background-color:#f39c12}.skin-yellow .main-header .navbar .nav>li>a{color:#fff}.skin-yellow .main-header .navbar .nav>li>a:hover,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav .open>a:focus{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow .main-header .logo{background-color:#e08e0b;color:#fff;border-bottom:0 solid transparent}.skin-yellow .main-header .logo:hover{background-color:#db8b0b}.skin-yellow .main-header li.user-header{background-color:#f39c12}.skin-yellow .content-header{background:transparent}.skin-yellow .wrapper,.skin-yellow .main-sidebar,.skin-yellow .left-side{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li:hover>a,.skin-yellow .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#f39c12}.skin-yellow .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .treeview-menu>li>a{color:#8aa4af}.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-yellow .sidebar-form input[type="text"],.skin-yellow .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-yellow .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow .sidebar-form input[type="text"]:focus,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
+.skin-yellow .main-header .navbar{background-color:#f39c12}.skin-yellow .main-header .navbar .nav>li>a{color:#fff}.skin-yellow .main-header .navbar .nav>li>a:hover,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow .main-header .logo{background-color:#e08e0b;color:#fff;border-bottom:0 solid transparent}.skin-yellow .main-header .logo:hover{background-color:#db8b0b}.skin-yellow .main-header li.user-header{background-color:#f39c12}.skin-yellow .content-header{background:transparent}.skin-yellow .wrapper,.skin-yellow .main-sidebar,.skin-yellow .left-side{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li:hover>a,.skin-yellow .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#f39c12}.skin-yellow .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .treeview-menu>li>a{color:#8aa4af}.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-yellow .sidebar-form input[type="text"],.skin-yellow .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-yellow .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow .sidebar-form input[type="text"]:focus,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
--- a/dist/img/photo3.jpg
+++ b/dist/img/photo3.jpg
--- a/dist/img/photo4.jpg
+++ b/dist/img/photo4.jpg
--- a/dist/js/app.js
+++ b/dist/js/app.js
@@ -7,7 +7,7 @@
 * @Author  Almsaeed Studio
 * @Support <http://www.almsaeedstudio.com>
 * @Email   <support@almsaeedstudio.com>
- * @version 2.1.2
+ * @version 2.3.1
 * @license MIT <http://opensource.org/licenses/MIT>
 */

@@ -140,11 +140,14 @@ $.AdminLTE.options = {
 $(function () {
  "use strict";

+  //Fix for IE page transitions
+  $("body").removeClass("hold-transition");
+
  //Extend options if external options exist
  if (typeof AdminLTEOptions !== "undefined") {
    $.extend(true,
-            $.AdminLTE.options,
-            AdminLTEOptions);
+        $.AdminLTE.options,
+        AdminLTEOptions);
  }

  //Easy access to options
@@ -311,7 +314,7 @@ function _init() {
      var screenSizes = $.AdminLTE.options.screenSizes;

      //Enable sidebar toggle
-      $(toggleBtn).on('click', function (e) {
+      $(document).on('click', toggleBtn, function (e) {
        e.preventDefault();

        //Enable sidebar push menu
@@ -341,8 +344,8 @@ function _init() {

      //Enable expand on hover for sidebar mini
      if ($.AdminLTE.options.sidebarExpandOnHover
-              || ($('body').hasClass('fixed')
-                      && $('body').hasClass('sidebar-mini'))) {
+          || ($('body').hasClass('fixed')
+          && $('body').hasClass('sidebar-mini'))) {
        this.expandOnHover();
      }
    },
@@ -352,14 +355,14 @@ function _init() {
      //Expand sidebar on hover
      $('.main-sidebar').hover(function () {
        if ($('body').hasClass('sidebar-mini')
-                && $("body").hasClass('sidebar-collapse')
-                && $(window).width() > screenWidth) {
+            && $("body").hasClass('sidebar-collapse')
+            && $(window).width() > screenWidth) {
          _this.expand();
        }
      }, function () {
        if ($('body').hasClass('sidebar-mini')
-                && $('body').hasClass('sidebar-expanded-on-hover')
-                && $(window).width() > screenWidth) {
+            && $('body').hasClass('sidebar-expanded-on-hover')
+            && $(window).width() > screenWidth) {
          _this.collapse();
        }
      });
@@ -385,13 +388,13 @@ function _init() {
  $.AdminLTE.tree = function (menu) {
    var _this = this;
    var animationSpeed = $.AdminLTE.options.animationSpeed;
-    $(document).on('click', menu + ' li a', function (e) {
+    $(menu).on('click', 'li a', function (e) {
      //Get the clicked link and the next element
      var $this = $(this);
      var checkElement = $this.next();

      //Check if the next element is a menu and is visible
-      if ((checkElement.is('.treeview-menu')) && (checkElement.is(':visible'))) {
+      if ((checkElement.is('.treeview-menu')) && (checkElement.is(':visible')) && (!$('body').hasClass('sidebar-collapse'))) {
        //Close the menu
        checkElement.slideUp(animationSpeed, function () {
          checkElement.removeClass('menu-open');
@@ -452,7 +455,7 @@ function _init() {
        e.preventDefault();
        //If the sidebar is not open
        if (!sidebar.hasClass('control-sidebar-open')
-                && !$('body').hasClass('control-sidebar-open')) {
+            && !$('body').hasClass('control-sidebar-open')) {
          //Open the sidebar
          _this.open(sidebar, o.slide);
        } else {
@@ -560,8 +563,8 @@ function _init() {
      if (!box.hasClass("collapsed-box")) {
        //Convert minus into plus
        element.children(":first")
-                .removeClass(_this.icons.collapse)
-                .addClass(_this.icons.open);
+            .removeClass(_this.icons.collapse)
+            .addClass(_this.icons.open);
        //Hide the content
        box_content.slideUp(_this.animationSpeed, function () {
          box.addClass("collapsed-box");
@@ -569,8 +572,8 @@ function _init() {
      } else {
        //Convert plus into minus
        element.children(":first")
-                .removeClass(_this.icons.open)
-                .addClass(_this.icons.collapse);
+            .removeClass(_this.icons.open)
+            .addClass(_this.icons.collapse);
        //Show the content
        box_content.slideDown(_this.animationSpeed, function () {
          box.removeClass("collapsed-box");
@@ -669,14 +672,16 @@ function _init() {

 })(jQuery);

-/*
- * EXPLICIT BOX ACTIVATION
+ /*
+ * EXPLICIT BOX CONTROLS
 * -----------------------
 * This is a custom plugin to use with the component BOX. It allows you to activate
- * a box inserted in the DOM after the app.js was loaded.
+ * a box inserted in the DOM after the app.js was loaded, toggle and remove box.
 *
 * @type plugin
 * @usage $("#box-widget").activateBox();
+ * @usage $("#box-widget").toggleBox();
+ * @usage $("#box-widget").removeBox();
 */
 (function ($) {

@@ -686,6 +691,16 @@ function _init() {
    $.AdminLTE.boxWidget.activate(this);
  };

+  $.fn.toggleBox = function(){
+    var button = $($.AdminLTE.boxWidget.selectors.collapse, this);
+    $.AdminLTE.boxWidget.collapse(button);
+  };
+
+  $.fn.removeBox = function(){
+    var button = $($.AdminLTE.boxWidget.selectors.remove, this);
+    $.AdminLTE.boxWidget.remove(button);
+  };
+
 })(jQuery);

 /*
@@ -740,4 +755,4 @@ function _init() {
      }
    });
  };
-}(jQuery));
+}(jQuery));
--- a/dist/js/app.min.js
+++ b/dist/js/app.min.js
--- a/dist/js/demo.js
+++ b/dist/js/demo.js
@@ -36,172 +36,172 @@

  //Create the tab button
  var tab_button = $("<li />", {"class": "active"})
-          .html("<a href='#control-sidebar-theme-demo-options-tab' data-toggle='tab'>"
-                  + "<i class='fa fa-wrench'></i>"
-                  + "</a>");
+      .html("<a href='#control-sidebar-theme-demo-options-tab' data-toggle='tab'>"
+      + "<i class='fa fa-wrench'></i>"
+      + "</a>");

  //Add the tab button to the right sidebar tabs
  $("[href='#control-sidebar-home-tab']")
-          .parent()
-          .before(tab_button);
+      .parent()
+      .before(tab_button);

  //Create the menu
  var demo_settings = $("<div />");

  //Layout options
  demo_settings.append(
-          "<h4 class='control-sidebar-heading'>"
-          + "Layout Options"
-          + "</h4>"
-          //Fixed layout
-          + "<div class='form-group'>"
-          + "<label class='control-sidebar-subheading'>"
-          + "<input type='checkbox' data-layout='fixed' class='pull-right'/> "
-          + "Fixed layout"
-          + "</label>"
-          + "<p>Activate the fixed layout. You can't use fixed and boxed layouts together</p>"
-          + "</div>"
-          //Boxed layout
-          + "<div class='form-group'>"
-          + "<label class='control-sidebar-subheading'>"
-          + "<input type='checkbox' data-layout='layout-boxed'class='pull-right'/> "
-          + "Boxed Layout"
-          + "</label>"
-          + "<p>Activate the boxed layout</p>"
-          + "</div>"
-          //Sidebar Toggle
-          + "<div class='form-group'>"
-          + "<label class='control-sidebar-subheading'>"
-          + "<input type='checkbox' data-layout='sidebar-collapse' class='pull-right'/> "
-          + "Toggle Sidebar"
-          + "</label>"
-          + "<p>Toggle the left sidebar's state (open or collapse)</p>"
-          + "</div>"
-          //Sidebar mini expand on hover toggle
-          + "<div class='form-group'>"
-          + "<label class='control-sidebar-subheading'>"
-          + "<input type='checkbox' data-enable='expandOnHover' class='pull-right'/> "
-          + "Sidebar Expand on Hover"
-          + "</label>"
-          + "<p>Let the sidebar mini expand on hover</p>"
-          + "</div>"
-          //Control Sidebar Toggle
-          + "<div class='form-group'>"
-          + "<label class='control-sidebar-subheading'>"
-          + "<input type='checkbox' data-controlsidebar='control-sidebar-open' class='pull-right'/> "
-          + "Toggle Right Sidebar Slide"
-          + "</label>"
-          + "<p>Toggle between slide over content and push content effects</p>"
-          + "</div>"
-          //Control Sidebar Skin Toggle
-          + "<div class='form-group'>"
-          + "<label class='control-sidebar-subheading'>"
-          + "<input type='checkbox' data-sidebarskin='toggle' class='pull-right'/> "
-          + "Toggle Right Sidebar Skin"
-          + "</label>"
-          + "<p>Toggle between dark and light skins for the right sidebar</p>"
-          + "</div>"
-          );
+      "<h4 class='control-sidebar-heading'>"
+      + "Layout Options"
+      + "</h4>"
+        //Fixed layout
+      + "<div class='form-group'>"
+      + "<label class='control-sidebar-subheading'>"
+      + "<input type='checkbox' data-layout='fixed' class='pull-right'/> "
+      + "Fixed layout"
+      + "</label>"
+      + "<p>Activate the fixed layout. You can't use fixed and boxed layouts together</p>"
+      + "</div>"
+        //Boxed layout
+      + "<div class='form-group'>"
+      + "<label class='control-sidebar-subheading'>"
+      + "<input type='checkbox' data-layout='layout-boxed'class='pull-right'/> "
+      + "Boxed Layout"
+      + "</label>"
+      + "<p>Activate the boxed layout</p>"
+      + "</div>"
+        //Sidebar Toggle
+      + "<div class='form-group'>"
+      + "<label class='control-sidebar-subheading'>"
+      + "<input type='checkbox' data-layout='sidebar-collapse' class='pull-right'/> "
+      + "Toggle Sidebar"
+      + "</label>"
+      + "<p>Toggle the left sidebar's state (open or collapse)</p>"
+      + "</div>"
+        //Sidebar mini expand on hover toggle
+      + "<div class='form-group'>"
+      + "<label class='control-sidebar-subheading'>"
+      + "<input type='checkbox' data-enable='expandOnHover' class='pull-right'/> "
+      + "Sidebar Expand on Hover"
+      + "</label>"
+      + "<p>Let the sidebar mini expand on hover</p>"
+      + "</div>"
+        //Control Sidebar Toggle
+      + "<div class='form-group'>"
+      + "<label class='control-sidebar-subheading'>"
+      + "<input type='checkbox' data-controlsidebar='control-sidebar-open' class='pull-right'/> "
+      + "Toggle Right Sidebar Slide"
+      + "</label>"
+      + "<p>Toggle between slide over content and push content effects</p>"
+      + "</div>"
+        //Control Sidebar Skin Toggle
+      + "<div class='form-group'>"
+      + "<label class='control-sidebar-subheading'>"
+      + "<input type='checkbox' data-sidebarskin='toggle' class='pull-right'/> "
+      + "Toggle Right Sidebar Skin"
+      + "</label>"
+      + "<p>Toggle between dark and light skins for the right sidebar</p>"
+      + "</div>"
+  );
  var skins_list = $("<ul />", {"class": 'list-unstyled clearfix'});

  //Dark sidebar skins
  var skin_blue =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-blue' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px; background: #367fa9;'></span><span class='bg-light-blue' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin'>Blue</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px; background: #367fa9;'></span><span class='bg-light-blue' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin'>Blue</p>");
  skins_list.append(skin_blue);
  var skin_black =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-black' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div style='box-shadow: 0 0 2px rgba(0,0,0,0.1)' class='clearfix'><span style='display:block; width: 20%; float: left; height: 7px; background: #fefefe;'></span><span style='display:block; width: 80%; float: left; height: 7px; background: #fefefe;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin'>Black</p>");
+          + "<div style='box-shadow: 0 0 2px rgba(0,0,0,0.1)' class='clearfix'><span style='display:block; width: 20%; float: left; height: 7px; background: #fefefe;'></span><span style='display:block; width: 80%; float: left; height: 7px; background: #fefefe;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin'>Black</p>");
  skins_list.append(skin_black);
  var skin_purple =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-purple' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-purple-active'></span><span class='bg-purple' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin'>Purple</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-purple-active'></span><span class='bg-purple' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin'>Purple</p>");
  skins_list.append(skin_purple);
  var skin_green =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-green' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-green-active'></span><span class='bg-green' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin'>Green</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-green-active'></span><span class='bg-green' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin'>Green</p>");
  skins_list.append(skin_green);
  var skin_red =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-red' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-red-active'></span><span class='bg-red' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin'>Red</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-red-active'></span><span class='bg-red' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin'>Red</p>");
  skins_list.append(skin_red);
  var skin_yellow =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-yellow' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-yellow-active'></span><span class='bg-yellow' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin'>Yellow</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-yellow-active'></span><span class='bg-yellow' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #222d32;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin'>Yellow</p>");
  skins_list.append(skin_yellow);

  //Light sidebar skins
  var skin_blue_light =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-blue-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px; background: #367fa9;'></span><span class='bg-light-blue' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin' style='font-size: 12px'>Blue Light</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px; background: #367fa9;'></span><span class='bg-light-blue' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin' style='font-size: 12px'>Blue Light</p>");
  skins_list.append(skin_blue_light);
  var skin_black_light =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-black-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div style='box-shadow: 0 0 2px rgba(0,0,0,0.1)' class='clearfix'><span style='display:block; width: 20%; float: left; height: 7px; background: #fefefe;'></span><span style='display:block; width: 80%; float: left; height: 7px; background: #fefefe;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin' style='font-size: 12px'>Black Light</p>");
+          + "<div style='box-shadow: 0 0 2px rgba(0,0,0,0.1)' class='clearfix'><span style='display:block; width: 20%; float: left; height: 7px; background: #fefefe;'></span><span style='display:block; width: 80%; float: left; height: 7px; background: #fefefe;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin' style='font-size: 12px'>Black Light</p>");
  skins_list.append(skin_black_light);
  var skin_purple_light =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-purple-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-purple-active'></span><span class='bg-purple' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin' style='font-size: 12px'>Purple Light</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-purple-active'></span><span class='bg-purple' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin' style='font-size: 12px'>Purple Light</p>");
  skins_list.append(skin_purple_light);
  var skin_green_light =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-green-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-green-active'></span><span class='bg-green' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin' style='font-size: 12px'>Green Light</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-green-active'></span><span class='bg-green' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin' style='font-size: 12px'>Green Light</p>");
  skins_list.append(skin_green_light);
  var skin_red_light =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-red-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-red-active'></span><span class='bg-red' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin' style='font-size: 12px'>Red Light</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-red-active'></span><span class='bg-red' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin' style='font-size: 12px'>Red Light</p>");
  skins_list.append(skin_red_light);
  var skin_yellow_light =
-          $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
+      $("<li />", {style: "float:left; width: 33.33333%; padding: 5px;"})
          .append("<a href='javascript:void(0);' data-skin='skin-yellow-light' style='display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)' class='clearfix full-opacity-hover'>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-yellow-active'></span><span class='bg-yellow' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
-                  + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
-                  + "</a>"
-                  + "<p class='text-center no-margin' style='font-size: 12px;'>Yellow Light</p>");
+          + "<div><span style='display:block; width: 20%; float: left; height: 7px;' class='bg-yellow-active'></span><span class='bg-yellow' style='display:block; width: 80%; float: left; height: 7px;'></span></div>"
+          + "<div><span style='display:block; width: 20%; float: left; height: 20px; background: #f9fafc;'></span><span style='display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;'></span></div>"
+          + "</a>"
+          + "<p class='text-center no-margin' style='font-size: 12px;'>Yellow Light</p>");
  skins_list.append(skin_yellow_light);

  demo_settings.append("<h4 class='control-sidebar-heading'>Skins</h4>");
--- a/dist/js/pages/dashboard.js
+++ b/dist/js/pages/dashboard.js
@@ -77,10 +77,10 @@ $(function () {
    },
    series: {
      regions: [{
-          values: visitorsData,
-          scale: ["#92c1dc", "#ebf4f9"],
-          normalizeFunction: 'polynomial'
-        }]
+        values: visitorsData,
+        scale: ["#92c1dc", "#ebf4f9"],
+        normalizeFunction: 'polynomial'
+      }]
    },
    onRegionLabelShow: function (e, el, code) {
      if (typeof visitorsData[code] != "undefined")
--- a/dist/js/pages/dashboard2.js
+++ b/dist/js/pages/dashboard2.js
@@ -190,8 +190,7 @@ $(function () {
      selected: {
        fill: 'yellow'
      },
-      selectedHover: {
-      }
+      selectedHover: {}
    },
    markerStyle: {
      initial: {
--- a/documentation/build/include/dependencies.html
+++ b/documentation/build/include/dependencies.html
@@ -7,4 +7,4 @@
    <li><a href="http://jquery.com/" target="_blank">jQuery 1.11+</a></li>
    <li><a href="#plugins">All other plugins are listed below</a></li>
  </ul>
-</section>
+</section>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Abdullah Almsaeed	bbb67bafa5	Compile changes	2015-10-22 12:38:34 -04:00
Abdullah Almsaeed	1c448a3afa	Merge pull request #717 from zviryatko/patch-1 Fix animation bug with collapsed sidebar and treeview menu.	2015-10-22 12:37:06 -04:00
Abdullah Almsaeed	9ca725c313	Merge pull request #741 from Soullivaneuh/patch-2 Do not use absolute position for .pull-right on sidebar	2015-10-22 12:29:33 -04:00
Abdullah Almsaeed	0cfe69d351	Add rails gem to documentation	2015-10-16 20:30:01 -04:00
Abdullah Almsaeed	13697c4743	Merge pull request #734 from racketlogger/master Add new rails gem supporting AdminLTE sources	2015-10-16 20:29:09 -04:00
Abdullah Almsaeed	250fa7bbd7	Merge pull request #729 from Yellowen/master Sidebar autoclose on turbolinks fixed. close #718	2015-10-16 19:43:22 -04:00
Sullivan SENECHAL	4a83dc18ce	Do not use absolute position for .pull-right on sidebar	2015-10-15 16:11:34 +02:00
Carlos Puchol	02c76b9075	Add new rails gem supporting AdminLTE sources Add a link to the new gem that uses less and it's more maintainable	2015-10-13 16:58:36 -07:00
Sameer Rahmani	b76c319144	Sidebar autoclose on turbolinks fixed. close #718	2015-10-11 15:40:34 +03:30
Abdullah Almsaeed	1accd72830	Merge pull request #712 from iaesaudi/patch-1 Update README.md	2015-10-06 09:50:49 -04:00
Abdullah Almsaeed	eb887847b3	Merge pull request #716 from novashultz/master Fixed typo: way -> ways	2015-10-06 09:50:34 -04:00
Abdullah Almsaeed	8340a48561	Merge pull request #719 from iamgoodbytes/fix-fastclick Fixes #688	2015-10-06 09:50:02 -04:00
Joris Hens	94d164d7e4	Fixes #688 Loading the minified version of fastclick doesn't work. My guess is that the FastClick object gets renamed in the minification process, making the check for "typeOf FastClick" useless and causing FastClick to never execute. Loading the unminified version of fastclick removes the 300ms click delay across the board.	2015-10-05 20:52:17 +02:00
Alexandr	f2b7e0eecc	Update app.js Fix bug with treeview menu when sidebar is collapsed and you clicked to menu which already visible.	2015-10-04 20:04:58 +03:00
novashultz	58cc994008	Fix spelling	2015-10-01 17:20:47 -04:00
iae SAUDI	26d33dffe4	Update README.md	2015-09-30 09:42:01 +03:00
Abdullah Almsaeed	4cd707a49e	Merge branch 'master' of https://github.com/almasaeed2010/AdminLTE	2015-09-29 07:34:35 -04:00
Abdullah Almsaeed	5e66dfdcae	Merge pull request #702 from iaesaudi/master Implementing Pace to AdminLTE	2015-09-27 11:18:15 -04:00
Abdullah Almsaeed	9157e62294	Merge pull request #706 from dev-ggallon/feature/bootstrap_less Update Bootstrap less files to 3.3.5	2015-09-27 11:16:59 -04:00
Abdullah Almsaeed	8a7a7ae527	Add new map and implementation reference	2015-09-26 16:22:57 -04:00
Gwenael Gallon	7032389411	Build CSS with Bootstrap less files 3.3.5	2015-09-24 08:57:37 +02:00
Abdullah Almsaeed	9505f59ac6	Merge pull request #699 from lukechilds/master Attach push menu event listener to document	2015-09-23 20:37:38 -04:00
Gwenael Gallon	226ba4f4ed	Update Bootstrap less files to 3.3.5	2015-09-23 08:43:22 +02:00
Yasser Lotfy	9c0d5d8c03	- Update to Pace v1.0.2 so there is no errors appears on Safari browsers. - Modified one of the original styles to be matched with AdminLTE and Works good on both Desktop and Mobile versions. - Minified .js and .css files - Created new pace page for Pace preview - Added Pace page to navigation to the whole theme files	2015-09-22 12:42:36 +03:00
Luke Childs	6e19e37251	Build minified JS	2015-09-21 17:36:24 +01:00
Luke Childs	fe3af68654	Attach push menu event listener to document	2015-09-21 17:36:09 +01:00
Abdullah Almsaeed	ef8624bff7	Merge pull request #697 from simivar/master methods to toggle/remove boxes	2015-09-21 11:42:13 -04:00
simivar	f6593b34d2	methods to toggle/remove boxes	2015-09-21 14:41:29 +02:00
Abdullah Almsaeed	0dad027265	Update version	2015-09-19 14:29:39 -04:00
Abdullah Almsaeed	0748343f22	Update version	2015-09-19 14:28:07 -04:00
Abdullah Almsaeed	86712ae424	Fix issue #676	2015-09-19 14:18:38 -04:00
Abdullah Almsaeed	aa26f6eb7a	Reformat	2015-09-19 14:18:18 -04:00
Abdullah Almsaeed	435dcfba80	Reformat	2015-09-19 14:18:04 -04:00
Abdullah Almsaeed	9bd1f6aa28	Merge branch 'master' of https://github.com/almasaeed2010/AdminLTE	2015-09-19 14:06:27 -04:00
Abdullah Almsaeed	ee1782c007	Reformat code	2015-09-19 14:05:54 -04:00
Abdullah Almsaeed	6cd614c582	Merge pull request #681 from yrchen/Fix-Plugin-dataTables Fix wrong path for static images	2015-09-15 17:58:19 -04:00
Xaver Y.R. Chen	31725e0868	Fix wrong path for static images	2015-09-13 01:00:42 +08:00
Abdullah Almsaeed	2f72188c28	Merge master	2015-09-07 13:29:42 -04:00
Abdullah Almsaeed	9e93fa988e	Correct sidebar link	2015-09-07 13:29:07 -04:00
Abdullah Almsaeed	080e4da6e8	Add instructions link to modals	2015-09-06 17:20:42 -04:00
Abdullah Almsaeed	dc84e46552	Merge pull request #663 from Dennis14e/patch_format Formatting	2015-09-02 12:17:34 -04:00
Dennis Neufeld	8c2b2a41a1	Run grunt	2015-08-28 23:12:45 +02:00
Dennis Neufeld	91f47a8b7a	Formatting	2015-08-28 15:55:13 +02:00
Abdullah Almsaeed	2dcddd175d	Merge pull request #657 from freezy-sk/652-disable-W005 Skip W005 check	2015-08-24 18:35:44 -04:00
freezy	1ca659788b	Skip W005 check until it will be possible to ignore it only in file pages/examples/invoice-print.html	2015-08-25 00:15:45 +02:00
Abdullah Almsaeed	685ba27900	Fix input group size	2015-08-24 18:08:24 -04:00
Abdullah Almsaeed	996444f55b	Fix bootlint W008	2015-08-24 18:05:38 -04:00
Abdullah Almsaeed	b747fdf973	Fix bootlint E009	2015-08-24 18:00:33 -04:00
Abdullah Almsaeed	396b319c7e	Fix bootlint E014	2015-08-24 17:52:49 -04:00
Abdullah Almsaeed	9fa335f363	Fix bootlint W007 warnings	2015-08-24 17:39:52 -04:00
Abdullah Almsaeed	283355e533	Remove unwated JS script	2015-08-24 17:36:51 -04:00
Abdullah Almsaeed	56aabaa0b1	Merge from remote source	2015-08-24 17:33:12 -04:00
Abdullah Almsaeed	86387efc8f	Merge pull request #656 from freezy-sk/652-fix-E029 Fixed Bootlint error E029	2015-08-24 17:32:06 -04:00
Abdullah Almsaeed	18691817cf	Merge pull request #655 from freezy-sk/652-fix-E033 Fixed Bootlint error E033	2015-08-24 17:29:04 -04:00
Abdullah Almsaeed	0b9e3c822c	Merge pull request #653 from freezy-sk/652-fix-W007 Fixed Bootlint warning W007	2015-08-24 17:27:00 -04:00
freezy	ec43144a62	Fixed Bootlint error E029	2015-08-24 23:15:13 +02:00
freezy	be2ca6a21e	Fixed Bootlint error E033	2015-08-24 23:10:49 +02:00
freezy	8c7fc61559	Fixed Bootlint warning W007	2015-08-24 22:54:49 +02:00
Abdullah Almsaeed	cba5477a46	Reduce text-elipsis rules	2015-08-24 12:45:35 -04:00
Abdullah Almsaeed	dcc45e5915	Update bootlint to include all relevant html files	2015-08-24 12:38:40 -04:00
Abdullah Almsaeed	72847dc136	Merge pull request #648 from freezy-sk/638-bootlint Added Bootstrap linter	2015-08-24 10:54:46 -04:00
freezy	f68e1edb0e	Added bootlint for pages	2015-08-22 19:22:37 +02:00
Abdullah Almsaeed	feac61b20c	Compile navs.less	2015-08-21 11:31:20 -04:00
Abdullah Almsaeed	fc9554f866	Merge pull request #640 from devmark/patch-1 navs add different color	2015-08-21 11:29:38 -04:00
Abdullah Almsaeed	5d9e59efce	Merge pull request #637 from Dennis14e/patch_format Formatting and stuff	2015-08-21 11:28:50 -04:00
Mark	f7dc1429e2	navs add different color https://github.com/almasaeed2010/AdminLTE/issues/429	2015-08-19 15:34:37 +08:00
Dennis Neufeld	3c05a7858f	Fix Photo URL	2015-08-17 07:42:55 +02:00
Dennis Neufeld	81e784af15	Formatting and stuff	2015-08-17 07:39:25 +02:00
Abdullah Almsaeed	81aa879d3a	Updated .gitignore	2015-08-16 21:49:41 -04:00
Abdullah Almsaeed	d3a547c5d3	Updated version	2015-08-16 20:50:48 -04:00
Abdullah Almsaeed	02cd4e32ee	Updated changelog	2015-08-16 20:48:55 -04:00
Abdullah Almsaeed	8ab58de601	Updated changelog	2015-08-16 20:28:46 -04:00
Abdullah Almsaeed	ae37d79c1d	Updated changelog	2015-08-16 20:26:00 -04:00
Abdullah Almsaeed	f25c90f598	Fixed csslint error	2015-08-16 20:25:45 -04:00
Abdullah Almsaeed	dde604023b	Fix issue #430	2015-08-16 16:31:59 -04:00
Abdullah Almsaeed	6ab5a66fa2	Fix issue #578	2015-08-16 16:21:46 -04:00
Abdullah Almsaeed	a335278aa1	Fix issue #579	2015-08-16 16:19:20 -04:00
Abdullah Almsaeed	31af666ccc	Merge pull request #635 from Dennis14e/patch_head head-changes	2015-08-16 16:11:54 -04:00
Abdullah Almsaeed	393bb3ca1f	Merge pull request #632 from Dennis14e/patch_glyphicons Updated Glyphicons page	2015-08-16 16:10:21 -04:00
Abdullah Almsaeed	746ecd5cd3	Format	2015-08-16 16:09:31 -04:00
Abdullah Almsaeed	3faad543cb	Update version	2015-08-16 16:06:46 -04:00
Abdullah Almsaeed	36f31d1448	Fixed typo attachemnt to attachment	2015-08-16 16:06:20 -04:00
Abdullah Almsaeed	738252af74	Merge feature/profile	2015-08-16 15:58:11 -04:00
Abdullah Almsaeed	67fd530662	Resized images	2015-08-16 15:55:36 -04:00
Abdullah Almsaeed	1555830bc6	Add activity tab to profile	2015-08-16 15:51:13 -04:00
Abdullah Almsaeed	ac99249af7	Add new profile page link to sidebar	2015-08-16 13:21:18 -04:00
Abdullah Almsaeed	2f390152bc	Created and updated the profile page	2015-08-15 21:47:49 -04:00
Dennis Neufeld	71657fc0bc	Some asset changes	2015-08-13 18:03:46 +02:00
Dennis Neufeld	c38df88d5a	Updated page titles	2015-08-13 17:55:46 +02:00
Dennis Neufeld	a1c8225c2e	Add meta X-UA-Compatible	2015-08-13 17:50:04 +02:00
Dennis Neufeld	1ba31abdc6	Lowercase charset ("UTF-8" to "utf-8")	2015-08-13 17:41:23 +02:00
Dennis Neufeld	418f73e2a8	Updated Glyphicons page	2015-08-13 08:27:09 +02:00
Abdullah Almsaeed	e13db59eb3	Updated version	2015-08-12 18:53:37 -04:00
Abdullah Almsaeed	7df333d8b6	Merge social widgets feature	2015-08-12 18:39:36 -04:00
Abdullah Almsaeed	e7653c8655	Add box-comment feature	2015-08-12 18:35:20 -04:00
Abdullah Almsaeed	af4deafa7c	Add social widgets	2015-08-12 15:30:28 -04:00
Abdullah Almsaeed	a0a4a3207a	Merge pull request #627 from Dennis14e/patch_version Update files to v2.2.1	2015-08-12 14:55:42 -04:00
Abdullah Almsaeed	27d94de81a	Merge pull request #628 from Dennis14e/patch_bootstrapversion Updated Bootstrap version comment to v3.3.5	2015-08-12 14:54:49 -04:00
Dennis Neufeld	4e6e19a9f7	Updated Bootstrap version comment to v3.3.5	2015-08-12 07:50:02 +02:00
Dennis Neufeld	648d682618	Update files to v2.2.1	2015-08-12 07:40:05 +02:00
Abdullah Almsaeed	361db6d391	Updated local version	2015-08-11 10:24:45 -04:00
Abdullah Almsaeed	f525567feb	Updated version info	2015-08-11 10:24:17 -04:00
Abdullah Almsaeed	70cda3605b	Merge pull request #626 from Dennis14e/patch_html5shiv Update html5shiv v3.7.3	2015-08-11 10:19:56 -04:00
Dennis Neufeld	7860607b5b	Update html5shiv v3.7.3	2015-08-10 20:07:11 +02:00