admin_lte-rails 2.2.0.9 → 2.3.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 639b3e1e5e002d07d0661c3941ff2ea36bca01ff
-  data.tar.gz: db551ef3d006310d980396b6c5aafadb5a2d5c7c
+  metadata.gz: 99937259b4fc8216d6a9d3d676269441c534cbe1
+  data.tar.gz: 3bec561fa5707baf023bf8d7b5c74aea5e067d9e
 SHA512:
-  metadata.gz: 4438e25e5acc71a5fee25a1d5be25139efb7dfe500a16b628c5b9994f7c019e5cbaf4aac692e426e49a333f9bbf3aecce5e3c48adacb5e872cc33df3d238565b
-  data.tar.gz: bb04232ad95b42a67d86dec4fc90c7a997848a2af2edd805cca58fe12feca52b93c1f497c433aa09de699aab71f61035783f2266ddf79d73b04c6ab934c5a4cb
+  metadata.gz: 2ce2dd4a28abd9d3e4af6a741af126dd04ab37ddcef3065c33ec534c0b22f2e1a94c4fed5c15ae3c5cc5f284154219d1197077633fb1ba472651629048322ab7
+  data.tar.gz: c21585be619b0a3778f606f5c2208e341aa38ce54f8dc97044f79ca1c9b21427592db05991ec26723372d7fca002ab97093bfaad95c7d139cb977693b52ecc96

data/.gitignore

@@ -8,3 +8,6 @@
 /spec/reports/
 /tmp/
 node_modules/
+app/assets/javascripts/admin_lte/.js
+app/assets/javascripts/admin_lte/demo.js
+app/assets/javascripts/admin_lte/pages/

data/README.md

@@ -11,7 +11,17 @@ contributors.
 Add this line to your application's Gemfile:
 
 ```ruby
+source 'https://rails-assets.org' do
+  gem 'rails-assets-bootstrap-rtl'
+  gem 'rails-assets-jquery-knob'
+  gem 'rails-assets-bootstrap-daterangepicker'
+  gem 'rails-assets-jquery-sparkline'
+  gem 'rails-assets-jquery-icheck'
+  gem 'rails-assets-admin-lte'
+end
+
 gem 'admin_lte-rails'
+
 ```
 And then execute:
 

data/Rakefile

@@ -19,7 +19,7 @@ task :convert do
   lib_path  = File.expand_path('../lib', __FILE__)
   cssjanus  = File.expand_path('../lib/to_rtl.js', __FILE__)
   style_dir = "#{app_path}/assets/stylesheets/admin_lte"
-  js_dir = "#{app_path}/assets/javscripts/admin-lte"
+  js_dir = "#{app_path}/assets/javascripts/admin_lte"
 
   orig_style = "#{dir}/stylesheets/admin-lte"
   admin_lte_font = "#{style_dir}/admin_lte_font.scss"
@@ -48,7 +48,7 @@ task :convert do
         `tail -n +2 #{file} > #{new_path}`
       end
 
-      `nodejs #{cssjanus} #{new_path} > #{rtl_path}`
+      `node #{cssjanus} #{new_path} > #{rtl_path}`
       puts "================="
     end
   end
@@ -62,22 +62,24 @@ task :convert do
                "#{style_dir}/rtl/admin_lte.css")
   FileUtils.cp("#{lib_path}/rtl/_bootstrap.scss",
                "#{style_dir}/rtl/bootstrap_manifest.scss")
+  FileUtils.cp("#{lib_path}/rtl/_sidebar_rtl_fix.scss",
+               "#{style_dir}/rtl/sidebar_rtl_fix.scss")
 
-  # Dir.glob("#{dir}/javascripts/**/*") do |file|
+   Dir.glob("#{dir}/javascripts/**/*") do |file|
 
-  #   new_path = file.gsub(orig_js, "#{js_dir}/")
+     new_path = file.gsub(orig_js, "#{js_dir}/")
 
-  #   FileUtils.mkdir_p File.dirname(new_path)
+     FileUtils.mkdir_p File.dirname(new_path)
 
 
-  #   unless File.directory? file
-  #     puts "Source: #{file}"
-  #     puts "DST: #{new_path}"
-  #     puts "================="
+     unless File.directory? file
+       puts "Source: #{file}"
+       puts "DST: #{new_path}"
+       puts "================="
 
-  #     FileUtils.cp(file, new_path)
-  #   end
-  # end
+       FileUtils.cp(file, new_path)
+     end
+   end
 
 
 

data/admin_lte-rails.gemspec

@@ -19,7 +19,7 @@ Gem::Specification.new do |spec|
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = ['lib']
 
-  spec.add_dependency 'rails-assets-admin-lte', '~> 2.2.0'
+  spec.add_dependency 'rails-assets-admin-lte', '~> 2.3.2'
   spec.add_dependency 'jquery-rails'
   spec.add_dependency 'font-awesome-rails'
   spec.add_dependency 'jquery-ui-rails'

data/app/assets/javascripts/admin_lte/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.2
  * @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);
 
 /*

data/app/assets/stylesheets/admin_lte/ltr/AdminLTE.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v2.1.2
+ *   AdminLTE v2.3.2
  *   Author: Almsaeed Studio
  *	 Website: Almsaeed Studio <http://almsaeedstudio.com>
  *   License: Open source - MIT
@@ -29,7 +29,7 @@ body {
 .wrapper {
   min-height: 100%;
   position: relative;
-  overflow: hidden!important;
+  overflow: hidden;
 }
 .wrapper:before,
 .wrapper:after {
@@ -128,6 +128,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;
@@ -193,25 +205,25 @@ a:focus {
   border-radius: 0;
 }
 .layout-top-nav .main-header > .navbar {
-  margin-left: 0!important;
+  margin-left: 0;
 }
-.main-header #navbar-search-input {
+.main-header #navbar-search-input.form-control {
   background: rgba(255, 255, 255, 0.2);
   border-color: transparent;
 }
-.main-header #navbar-search-input:focus,
-.main-header #navbar-search-input:active {
-  border-color: rgba(0, 0, 0, 0.1) !important;
+.main-header #navbar-search-input.form-control:focus,
+.main-header #navbar-search-input.form-control:active {
+  border-color: rgba(0, 0, 0, 0.1);
   background: rgba(255, 255, 255, 0.9);
 }
-.main-header #navbar-search-input::-moz-placeholder {
+.main-header #navbar-search-input.form-control::-moz-placeholder {
   color: #ccc;
   opacity: 1;
 }
-.main-header #navbar-search-input:-ms-input-placeholder {
+.main-header #navbar-search-input.form-control:-ms-input-placeholder {
   color: #ccc;
 }
-.main-header #navbar-search-input::-webkit-input-placeholder {
+.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
   color: #ccc;
 }
 .main-header .navbar-custom-menu,
@@ -313,7 +325,7 @@ a:focus {
 .content-header > .breadcrumb {
   float: right;
   background: transparent;
-  margin-top: 0px;
+  margin-top: 0;
   margin-bottom: 0;
   font-size: 12px;
   padding: 7px 5px;
@@ -377,7 +389,6 @@ a:focus {
   .main-header .navbar {
     width: 100%;
     float: none;
-    position: relative!important;
   }
   .main-header .navbar {
     margin: 0;
@@ -385,14 +396,10 @@ a:focus {
   .main-header .navbar-custom-menu {
     float: right;
   }
-  .main-sidebar,
-  .left-side {
-    padding-top: 100px!important;
-  }
 }
 @media (max-width: 991px) {
   .navbar-collapse.pull-left {
-    float: none!important;
+    float: none !important;
   }
   .navbar-collapse.pull-left + .navbar-custom-menu {
     display: block;
@@ -419,6 +426,12 @@ a:focus {
   -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
 }
+@media (max-width: 767px) {
+  .main-sidebar,
+  .left-side {
+    padding-top: 100px;
+  }
+}
 @media (max-width: 767px) {
   .main-sidebar,
   .left-side {
@@ -450,7 +463,7 @@ a:focus {
   padding-bottom: 10px;
 }
 .sidebar-form input:focus {
-  border-color: transparent!important;
+  border-color: transparent;
 }
 .user-panel {
   position: relative;
@@ -570,7 +583,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 {
@@ -578,7 +591,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 {
@@ -600,7 +613,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;
@@ -621,7 +634,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 {
@@ -643,7 +656,7 @@ a:focus {
 .sidebar-menu,
 .main-sidebar .user-panel,
 .sidebar-menu > li.header {
-  white-space: nowrap!important;
+  white-space: nowrap;
   overflow: hidden;
 }
 .sidebar-menu:hover {
@@ -659,8 +672,8 @@ a:focus {
 }
 .sidebar-menu li > a > .pull-right {
   position: absolute;
-  top: 50%;
   right: 10px;
+  top: 50%;
   margin-top: -7px;
 }
 /*
@@ -708,40 +721,38 @@ a:focus {
     margin-right: 230px;
   }
 }
-.control-sidebar-tabs > li:first-of-type > a {
-  margin-left: 1px;
-}
-.control-sidebar-tabs > li:first-of-type > a,
-.control-sidebar-tabs > li:first-of-type > a:hover {
-  border-left-width: 0!important;
+.nav-tabs.control-sidebar-tabs > li:first-of-type > a,
+.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
+.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
+  border-left-width: 0;
 }
-.control-sidebar-tabs > li > a {
-  border-radius: 0 !important;
+.nav-tabs.control-sidebar-tabs > li > a {
+  border-radius: 0;
 }
-.control-sidebar-tabs > li > a,
-.control-sidebar-tabs > li > a:hover {
+.nav-tabs.control-sidebar-tabs > li > a,
+.nav-tabs.control-sidebar-tabs > li > a:hover {
   border-top: none;
   border-right: none;
-  border-left: 1px solid transparent!important;
-  border-bottom: 1px solid transparent!important;
+  border-left: 1px solid transparent;
+  border-bottom: 1px solid transparent;
 }
-.control-sidebar-tabs > li > a .icon {
+.nav-tabs.control-sidebar-tabs > li > a .icon {
   font-size: 16px;
 }
-.control-sidebar-tabs > li.active > a,
-.control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-tabs > li.active > a:active {
-  border-top: none!important;
-  border-right: none!important;
-  border-bottom: none!important;
+.nav-tabs.control-sidebar-tabs > li.active > a,
+.nav-tabs.control-sidebar-tabs > li.active > a:hover,
+.nav-tabs.control-sidebar-tabs > li.active > a:focus,
+.nav-tabs.control-sidebar-tabs > li.active > a:active {
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
 }
 @media (max-width: 768px) {
-  .control-sidebar-tabs {
+  .nav-tabs.control-sidebar-tabs {
     display: table;
   }
-  .control-sidebar-tabs > li {
-    display: table-cell !important;
+  .nav-tabs.control-sidebar-tabs > li {
+    display: table-cell;
   }
 }
 .control-sidebar-heading {
@@ -804,27 +815,31 @@ a:focus {
 .control-sidebar-dark + .control-sidebar-bg {
   background: #222d32;
 }
-.control-sidebar-dark .control-sidebar-tabs {
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
   border-bottom: #1c2529;
 }
-.control-sidebar-dark .control-sidebar-tabs > li > a {
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
   background: #181f23;
   color: #b8c7ce;
 }
-.control-sidebar-dark .control-sidebar-tabs > li > a,
-.control-sidebar-dark .control-sidebar-tabs > li > a:hover {
-  border-left-color: #141a1d !important;
-  border-bottom-color: #141a1d !important;
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
+  border-left-color: #141a1d;
+  border-bottom-color: #141a1d;
 }
-.control-sidebar-dark .control-sidebar-tabs > li > a:hover,
-.control-sidebar-dark .control-sidebar-tabs > li > a:focus,
-.control-sidebar-dark .control-sidebar-tabs > li > a:active {
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
   background: #1c2529;
 }
-.control-sidebar-dark .control-sidebar-tabs > li.active > a,
-.control-sidebar-dark .control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-dark .control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-dark .control-sidebar-tabs > li.active > a:active {
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
+  color: #fff;
+}
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
   background: #222d32;
   color: #fff;
 }
@@ -846,27 +861,28 @@ a:focus {
   background: #f9fafc;
   border-left: 1px solid #d2d6de;
 }
-.control-sidebar-light .control-sidebar-tabs {
+.control-sidebar-light .nav-tabs.control-sidebar-tabs {
   border-bottom: #d2d6de;
 }
-.control-sidebar-light .control-sidebar-tabs > li > a {
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
   background: #e8ecf4;
   color: #444444;
 }
-.control-sidebar-light .control-sidebar-tabs > li > a,
-.control-sidebar-light .control-sidebar-tabs > li > a:hover {
-  border-left-color: #d2d6de !important;
-  border-bottom-color: #d2d6de !important;
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
+  border-left-color: #d2d6de;
+  border-bottom-color: #d2d6de;
 }
-.control-sidebar-light .control-sidebar-tabs > li > a:hover,
-.control-sidebar-light .control-sidebar-tabs > li > a:focus,
-.control-sidebar-light .control-sidebar-tabs > li > a:active {
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
   background: #eff1f7;
 }
-.control-sidebar-light .control-sidebar-tabs > li.active > a,
-.control-sidebar-light .control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-light .control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-light .control-sidebar-tabs > li.active > a:active {
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
   background: #f9fafc;
   color: #111;
 }
@@ -907,21 +923,12 @@ a:focus {
 .dropdown-menu > .divider {
   background-color: #eee;
 }
-.navbar-nav .dropdown-menu {
-  -webkit-box-shadow: none !important;
-  box-shadow: none !important;
-}
-.navbar-nav > .notifications-menu,
-.navbar-nav > .messages-menu,
-.navbar-nav > .tasks-menu {
-  position: relative;
-}
 .navbar-nav > .notifications-menu > .dropdown-menu,
 .navbar-nav > .messages-menu > .dropdown-menu,
 .navbar-nav > .tasks-menu > .dropdown-menu {
   width: 280px;
-  padding: 0 0 0 0!important;
-  margin: 0!important;
+  padding: 0 0 0 0;
+  margin: 0;
   top: 100%;
 }
 .navbar-nav > .notifications-menu > .dropdown-menu > li,
@@ -945,23 +952,23 @@ a:focus {
 .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 {
-  border-top-left-radius: 0px;
-  border-top-right-radius: 0px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   font-size: 12px;
   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,
@@ -997,7 +1004,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,
@@ -1006,7 +1012,7 @@ a:focus {
   width: 20px;
 }
 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
-  margin: 0px;
+  margin: 0;
   padding: 10px 10px;
 }
 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
@@ -1025,8 +1031,8 @@ a:focus {
   color: #999999;
   font-size: 10px;
   position: absolute;
-  top: 0px;
-  right: 0px;
+  top: 0;
+  right: 0;
 }
 .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
   margin: 0 0 0 45px;
@@ -1127,6 +1133,11 @@ a:focus {
 .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
   color: #666666;
 }
+@media (max-width: 991px) {
+  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
+    background-color: #f9f9f9;
+  }
+}
 .navbar-nav > .user-menu .user-image {
   float: left;
   width: 25px;
@@ -1222,23 +1233,19 @@ a:focus {
  * ---------------
  */
 .form-control {
-  border-radius: 0px !important;
+  border-radius: 0;
   box-shadow: none;
   border-color: #d2d6de;
 }
 .form-control:focus {
-  border-color: #3c8dbc !important;
+  border-color: #3c8dbc;
   box-shadow: none;
 }
-.form-control::-moz-placeholder {
-  color: #bbb;
-  opacity: 1;
-}
-.form-control:-ms-input-placeholder {
-  color: #bbb;
-}
+.form-control::-moz-placeholder,
+.form-control:-ms-input-placeholder,
 .form-control::-webkit-input-placeholder {
   color: #bbb;
+  opacity: 1;
 }
 .form-control:not(select) {
   -webkit-appearance: none;
@@ -1249,26 +1256,26 @@ a:focus {
   color: #00a65a;
 }
 .form-group.has-success .form-control {
-  border-color: #00a65a !important;
+  border-color: #00a65a;
   box-shadow: none;
 }
 .form-group.has-warning label {
   color: #f39c12;
 }
 .form-group.has-warning .form-control {
-  border-color: #f39c12 !important;
+  border-color: #f39c12;
   box-shadow: none;
 }
 .form-group.has-error label {
   color: #dd4b39;
 }
 .form-group.has-error .form-control {
-  border-color: #dd4b39 !important;
+  border-color: #dd4b39;
   box-shadow: none;
 }
 /* Input group */
 .input-group .input-group-addon {
-  border-radius: 0px;
+  border-radius: 0;
   border-color: #d2d6de;
   background-color: #fff;
 }
@@ -1280,6 +1287,20 @@ a:focus {
 .icheck > label {
   padding-left: 0;
 }
+/* support Font Awesome icons in form-control */
+.form-control-feedback.fa {
+  line-height: 34px;
+}
+.input-lg + .form-control-feedback.fa,
+.input-group-lg + .form-control-feedback.fa,
+.form-group-lg .form-control + .form-control-feedback.fa {
+  line-height: 46px;
+}
+.input-sm + .form-control-feedback.fa,
+.input-group-sm + .form-control-feedback.fa,
+.form-group-sm .form-control + .form-control-feedback.fa {
+  line-height: 30px;
+}
 /*
  * Component: Progress Bar
  * -----------------------
@@ -1335,7 +1356,7 @@ a:focus {
   margin-right: 10px;
 }
 .progress.vertical > .progress-bar {
-  width: 100%!important;
+  width: 100%;
   position: absolute;
   bottom: 0;
 }
@@ -1542,14 +1563,14 @@ a:focus {
   border-left: 1px solid #f4f4f4;
 }
 .box.box-solid {
-  border-top: 0px;
+  border-top: 0;
 }
 .box.box-solid > .box-header .btn.btn-default {
   background: transparent;
 }
 .box.box-solid > .box-header .btn:hover,
 .box.box-solid > .box-header a:hover {
-  background: rgba(0, 0, 0, 0.1) !important;
+  background: rgba(0, 0, 0, 0.1);
 }
 .box.box-solid.box-default {
   border: 1px solid #d2d6de;
@@ -1726,15 +1747,14 @@ a:focus {
   padding: 5px;
   font-size: 12px;
   background: transparent;
-  box-shadow: none!important;
   color: #97a0b3;
 }
 .open .btn-box-tool,
 .btn-box-tool:hover {
   color: #606c84;
 }
-.btn-box-tool:active {
-  outline: none!important;
+.btn-box-tool.btn:active {
+  box-shadow: none;
 }
 .box-body {
   border-top-left-radius: 0;
@@ -1789,10 +1809,47 @@ 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;
-  padding: 0px 0px;
+  padding: 0;
   list-style: none;
   overflow: auto;
 }
@@ -1807,21 +1864,6 @@ a:focus {
 .todo-list > li:last-of-type {
   margin-bottom: 0;
 }
-.todo-list > li.danger {
-  border-left-color: #dd4b39;
-}
-.todo-list > li.warning {
-  border-left-color: #f39c12;
-}
-.todo-list > li.info {
-  border-left-color: #00c0ef;
-}
-.todo-list > li.success {
-  border-left-color: #00a65a;
-}
-.todo-list > li.primary {
-  border-left-color: #3c8dbc;
-}
 .todo-list > li > input[type='checkbox'] {
   margin: 0 10px 0 5px;
 }
@@ -1858,6 +1900,21 @@ a:focus {
 .todo-list > li.done .label {
   background: #d2d6de !important;
 }
+.todo-list .danger {
+  border-left-color: #dd4b39;
+}
+.todo-list .warning {
+  border-left-color: #f39c12;
+}
+.todo-list .info {
+  border-left-color: #00c0ef;
+}
+.todo-list .success {
+  border-left-color: #00a65a;
+}
+.todo-list .primary {
+  border-left-color: #3c8dbc;
+}
 .todo-list .handle {
   display: inline-block;
   cursor: move;
@@ -1882,12 +1939,12 @@ a:focus {
   width: 40px;
   height: 40px;
   border: 2px solid transparent;
-  border-radius: 50% !important;
+  border-radius: 50%;
 }
-.chat .item > img.online {
+.chat .item > .online {
   border: 2px solid #00a65a;
 }
-.chat .item > img.offline {
+.chat .item > .offline {
   border: 2px solid #dd4b39;
 }
 .chat .item > .message {
@@ -2015,7 +2072,7 @@ a:focus {
 .timeline:before {
   content: '';
   position: absolute;
-  top: 0px;
+  top: 0;
   bottom: 0;
   width: 4px;
   background: #ddd;
@@ -2040,7 +2097,7 @@ a:focus {
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
-  margin-top: 0px;
+  margin-top: 0;
   background: #fff;
   color: #444;
   margin-left: 60px;
@@ -2069,13 +2126,6 @@ a:focus {
 .timeline > li > .timeline-item > .timeline-footer {
   padding: 10px;
 }
-.timeline > li.time-label > span {
-  font-weight: 600;
-  padding: 5px;
-  display: inline-block;
-  background-color: #fff;
-  border-radius: 4px;
-}
 .timeline > li > .fa,
 .timeline > li > .glyphicon,
 .timeline > li > .ion {
@@ -2091,6 +2141,22 @@ a:focus {
   left: 18px;
   top: 0;
 }
+.timeline > .time-label > span {
+  font-weight: 600;
+  padding: 5px;
+  display: inline-block;
+  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
  * -----------------
@@ -2146,7 +2212,7 @@ a:focus {
 .btn-default:hover,
 .btn-default:active,
 .btn-default.hover {
-  background-color: #e7e7e7 !important;
+  background-color: #e7e7e7;
 }
 .btn-primary {
   background-color: #3c8dbc;
@@ -2366,6 +2432,8 @@ a:focus {
 }
 .nav-stacked > li.active > a,
 .nav-stacked > li.active > a:hover {
+  background: transparent;
+  color: #444;
   border-top: 0;
   border-left-color: #3c8dbc;
 }
@@ -2396,7 +2464,10 @@ a:focus {
 }
 .nav-tabs-custom > .nav-tabs > li > a {
   color: #444;
-  border-radius: 0 !important;
+  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 {
@@ -2431,7 +2502,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;
@@ -2468,10 +2539,30 @@ 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;
   color: #666;
+}
+.pagination.pagination-flat > li > a {
   border-radius: 0 !important;
 }
 /*
@@ -2838,8 +2929,9 @@ table.text-center th {
  * Component: Carousel
  * -------------------
  */
-.carousel-control {
-  background-image: none!important;
+.carousel-control.left,
+.carousel-control.right {
+  background-image: none;
 }
 .carousel-control > .fa {
   font-size: 40px;
@@ -2858,14 +2950,14 @@ table.text-center th {
 }
 .modal-content {
   border-radius: 0;
-  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
+  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   border: 0;
 }
 @media (min-width: 768px) {
   .modal-content {
-    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
-    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
+    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
+    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   }
 }
 .modal-header {
@@ -2894,6 +2986,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
  * -------------
@@ -3019,7 +3172,7 @@ table.text-center th {
   margin-left: 70px;
 }
 .lockscreen-credentials .form-control {
-  border: 0 !important;
+  border: 0;
 }
 .lockscreen-credentials .btn {
   background-color: #fff;
@@ -3064,7 +3217,6 @@ table.text-center th {
 .register-box-body {
   background: #fff;
   padding: 20px;
-  color: #444;
   border-top: 0;
   color: #666;
 }
@@ -3138,55 +3290,87 @@ table.text-center th {
   margin-top: 0;
 }
 /*
- * Plugin: Social Buttons
- * ----------------------
+ * 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
+ *
+ * Copyright 2013-2015 Panayiotis Lipiridis
+ * Licensed under the MIT License
+ *
+ * https://github.com/lipis/bootstrap-social
  */
 .btn-social {
   position: relative;
-  padding-left: 44px !important;
+  padding-left: 44px;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.btn-social :first-child {
+.btn-social > :first-child {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
-  width: 32px !important;
-  line-height: 34px !important;
-  font-size: 1.6em!important;
+  width: 32px;
+  line-height: 34px;
+  font-size: 1.6em;
   text-align: center;
   border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
 .btn-social.btn-lg {
-  padding-left: 61px !important;
+  padding-left: 61px;
 }
-.btn-social.btn-lg :first-child {
+.btn-social.btn-lg > :first-child {
   line-height: 45px;
   width: 45px;
   font-size: 1.8em;
 }
 .btn-social.btn-sm {
-  padding-left: 38px !important;
+  padding-left: 38px;
 }
-.btn-social.btn-sm :first-child {
+.btn-social.btn-sm > :first-child {
   line-height: 28px;
   width: 28px;
   font-size: 1.4em;
 }
 .btn-social.btn-xs {
-  padding-left: 30px !important;
+  padding-left: 30px;
 }
-.btn-social.btn-xs :first-child {
+.btn-social.btn-xs > :first-child {
   line-height: 20px;
   width: 20px;
   font-size: 1.2em;
 }
 .btn-social-icon {
   position: relative;
-  padding-left: 44px !important;
+  padding-left: 44px;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
@@ -3195,45 +3379,45 @@ table.text-center th {
   width: 34px;
   padding: 0;
 }
-.btn-social-icon :first-child {
+.btn-social-icon > :first-child {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
-  width: 32px !important;
-  line-height: 34px !important;
-  font-size: 1.6em!important;
+  width: 32px;
+  line-height: 34px;
+  font-size: 1.6em;
   text-align: center;
   border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
 .btn-social-icon.btn-lg {
-  padding-left: 61px !important;
+  padding-left: 61px;
 }
-.btn-social-icon.btn-lg :first-child {
+.btn-social-icon.btn-lg > :first-child {
   line-height: 45px;
   width: 45px;
   font-size: 1.8em;
 }
 .btn-social-icon.btn-sm {
-  padding-left: 38px !important;
+  padding-left: 38px;
 }
-.btn-social-icon.btn-sm :first-child {
+.btn-social-icon.btn-sm > :first-child {
   line-height: 28px;
   width: 28px;
   font-size: 1.4em;
 }
 .btn-social-icon.btn-xs {
-  padding-left: 30px !important;
+  padding-left: 30px;
 }
-.btn-social-icon.btn-xs :first-child {
+.btn-social-icon.btn-xs > :first-child {
   line-height: 20px;
   width: 20px;
   font-size: 1.2em;
 }
-.btn-social-icon :first-child {
+.btn-social-icon > :first-child {
   border: none;
   text-align: center;
-  width: 100%!important;
+  width: 100%;
 }
 .btn-social-icon.btn-lg {
   height: 45px;
@@ -3253,14 +3437,54 @@ table.text-center th {
   padding-left: 0;
   padding-right: 0;
 }
+.btn-adn {
+  color: #ffffff;
+  background-color: #d87a68;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.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 {
+  color: #ffffff;
+  background-color: #ce563f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:active,
+.btn-adn.active,
+.open > .dropdown-toggle.btn-adn {
+  background-image: none;
+}
+.btn-adn .badge {
+  color: #d87a68;
+  background-color: #ffffff;
+}
 .btn-bitbucket {
   color: #ffffff;
   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 {
@@ -3282,9 +3506,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 {
@@ -3306,9 +3538,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 {
@@ -3330,9 +3570,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 {
@@ -3351,26 +3599,34 @@ table.text-center th {
 }
 .btn-foursquare {
   color: #ffffff;
-  background-color: #0072b1;
+  background-color: #f94877;
   border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-foursquare:hover,
 .btn-foursquare:focus,
-.btn-foursquare.focus,
-.btn-foursquare:active,
-.btn-foursquare.active,
-.open > .dropdown-toggle.btn-foursquare {
+.btn-foursquare.focus {
   color: #ffffff;
-  background-color: #00517e;
+  background-color: #f71752;
   border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-foursquare:active,
+.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 {
+  color: #ffffff;
+  background-color: #f71752;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-foursquare:active,
 .btn-foursquare.active,
 .open > .dropdown-toggle.btn-foursquare {
   background-image: none;
 }
 .btn-foursquare .badge {
-  color: #0072b1;
+  color: #f94877;
   background-color: #ffffff;
 }
 .btn-github {
@@ -3378,9 +3634,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 {
@@ -3397,27 +3661,35 @@ table.text-center th {
   color: #444444;
   background-color: #ffffff;
 }
-.btn-google-plus {
+.btn-google {
   color: #ffffff;
   background-color: #dd4b39;
   border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-google-plus:hover,
-.btn-google-plus:focus,
-.btn-google-plus.focus,
-.btn-google-plus:active,
-.btn-google-plus.active,
-.open > .dropdown-toggle.btn-google-plus {
+.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 {
   color: #ffffff;
   background-color: #c23321;
   border-color: rgba(0, 0, 0, 0.2);
 }
-.btn-google-plus:active,
-.btn-google-plus.active,
-.open > .dropdown-toggle.btn-google-plus {
+.btn-google:active,
+.btn-google.active,
+.open > .dropdown-toggle.btn-google {
   background-image: none;
 }
-.btn-google-plus .badge {
+.btn-google .badge {
   color: #dd4b39;
   background-color: #ffffff;
 }
@@ -3426,9 +3698,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 {
@@ -3450,9 +3730,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 {
@@ -3469,14 +3757,182 @@ table.text-center th {
   color: #007bb6;
   background-color: #ffffff;
 }
+.btn-microsoft {
+  color: #ffffff;
+  background-color: #2672ec;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.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 {
+  color: #ffffff;
+  background-color: #125acd;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:active,
+.btn-microsoft.active,
+.open > .dropdown-toggle.btn-microsoft {
+  background-image: none;
+}
+.btn-microsoft .badge {
+  color: #2672ec;
+  background-color: #ffffff;
+}
+.btn-openid {
+  color: #ffffff;
+  background-color: #f7931e;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.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 {
+  color: #ffffff;
+  background-color: #da7908;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:active,
+.btn-openid.active,
+.open > .dropdown-toggle.btn-openid {
+  background-image: none;
+}
+.btn-openid .badge {
+  color: #f7931e;
+  background-color: #ffffff;
+}
+.btn-pinterest {
+  color: #ffffff;
+  background-color: #cb2027;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.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 {
+  color: #ffffff;
+  background-color: #9f191f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:active,
+.btn-pinterest.active,
+.open > .dropdown-toggle.btn-pinterest {
+  background-image: none;
+}
+.btn-pinterest .badge {
+  color: #cb2027;
+  background-color: #ffffff;
+}
+.btn-reddit {
+  color: #000000;
+  background-color: #eff7ff;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.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 {
+  color: #000000;
+  background-color: #bcddff;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:active,
+.btn-reddit.active,
+.open > .dropdown-toggle.btn-reddit {
+  background-image: none;
+}
+.btn-reddit .badge {
+  color: #eff7ff;
+  background-color: #000000;
+}
+.btn-soundcloud {
+  color: #ffffff;
+  background-color: #ff5500;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.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 {
+  color: #ffffff;
+  background-color: #cc4400;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:active,
+.btn-soundcloud.active,
+.open > .dropdown-toggle.btn-soundcloud {
+  background-image: none;
+}
+.btn-soundcloud .badge {
+  color: #ff5500;
+  background-color: #ffffff;
+}
 .btn-tumblr {
   color: #ffffff;
   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 {
@@ -3498,9 +3954,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 {
@@ -3517,14 +3981,54 @@ table.text-center th {
   color: #55acee;
   background-color: #ffffff;
 }
+.btn-vimeo {
+  color: #ffffff;
+  background-color: #1ab7ea;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.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 {
+  color: #ffffff;
+  background-color: #1295bf;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:active,
+.btn-vimeo.active,
+.open > .dropdown-toggle.btn-vimeo {
+  background-image: none;
+}
+.btn-vimeo .badge {
+  color: #1ab7ea;
+  background-color: #ffffff;
+}
 .btn-vk {
   color: #ffffff;
   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 {
@@ -3541,6 +4045,38 @@ table.text-center th {
   color: #587ea3;
   background-color: #ffffff;
 }
+.btn-yahoo {
+  color: #ffffff;
+  background-color: #720e9e;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.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 {
+  color: #ffffff;
+  background-color: #500a6f;
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:active,
+.btn-yahoo.active,
+.open > .dropdown-toggle.btn-yahoo {
+  background-image: none;
+}
+.btn-yahoo .badge {
+  color: #720e9e;
+  background-color: #ffffff;
+}
 /*
  * Plugin: Full Calendar
  * ---------------------
@@ -3649,7 +4185,7 @@ table.text-center th {
 .select2-container--default .select2-selection--single,
 .select2-selection .select2-selection--single {
   border: 1px solid #d2d6de;
-  border-radius: 0px;
+  border-radius: 0;
   padding: 6px 12px;
   height: 34px;
 }
@@ -3658,7 +4194,7 @@ table.text-center th {
 }
 .select2-dropdown {
   border: 1px solid #d2d6de;
-  border-radius: 0px;
+  border-radius: 0;
 }
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #3c8dbc;
@@ -3707,8 +4243,7 @@ table.text-center th {
 }
 .select2-container--default .select2-selection--multiple {
   border: 1px solid #d2d6de;
-  border-radius: 0px;
-  height: 34px;
+  border-radius: 0;
 }
 .select2-container--default .select2-selection--multiple:focus {
   border-color: #3c8dbc;
@@ -3729,6 +4264,9 @@ table.text-center th {
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #fff;
 }
+.select2-container .select2-selection--single .select2-selection__rendered {
+  padding-right: 10px;
+}
 /*
  * General: Miscellaneous
  * ----------------------
@@ -3742,9 +4280,14 @@ table.text-center th {
 .margin-bottom {
   margin-bottom: 20px;
 }
+.margin-bottom-none {
+  margin-bottom: 0;
+}
+.margin-r-5 {
+  margin-right: 5px;
+}
 .inline {
   display: inline;
-  width: auto;
 }
 .description-block {
   display: block;
@@ -3828,6 +4371,9 @@ table.text-center th {
   color: #000;
   background-color: #d2d6de !important;
 }
+.bg-gray-light {
+  background-color: #f7f7f7;
+}
 .bg-black {
   background-color: #111111 !important;
 }
@@ -4003,20 +4549,34 @@ 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;
 }
 .no-border {
-  border: 0px !important;
+  border: 0 !important;
 }
 .no-padding {
-  padding: 0px !important;
+  padding: 0 !important;
 }
 .no-margin {
-  margin: 0px !important;
+  margin: 0 !important;
 }
 .no-shadow {
-  box-shadow: none!important;
+  box-shadow: none !important;
 }
 .list-unstyled,
 .chart-legend,
@@ -4027,6 +4587,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;
 }
@@ -4035,10 +4602,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;
@@ -4130,6 +4700,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;
 }
@@ -4163,7 +4857,7 @@ table.text-center th {
 }
 .chart svg,
 .chart canvas {
-  width: 100%!important;
+  width: 100% !important;
 }
 /*
  * Misc: print
@@ -4175,13 +4869,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;
@@ -4189,7 +4883,7 @@ table.text-center th {
   }
   .fixed .content-wrapper,
   .fixed .right-side {
-    padding-top: 0!important;
+    padding-top: 0 !important;
   }
   .invoice {
     width: 100%;
@@ -4206,6 +4900,6 @@ table.text-center th {
   }
   .table-responsive > .table tr th,
   .table-responsive > .table tr td {
-    white-space: normal!important;
+    white-space: normal !important;
   }
 }