Update README.md

Update empty.html

.babelrc

@@ -1,14 +0,0 @@
-{
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "loose": true,
-        "modules": false
-      }
-    ]
-  ],
-  "plugins": [
-    "@babel/plugin-external-helpers"
-  ]
-}

.browserslistrc

@@ -1,13 +0,0 @@
-# https://github.com/browserslist/browserslist#readme
-
->= 1%
-last 1 major version
-not dead
-Chrome >= 45
-Firefox >= 38
-Edge >= 12
-Explorer >= 10
-iOS >= 9
-Safari >= 9
-Android >= 4.4
-Opera >= 30

.editorconfig

@@ -1,9 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-insert_final_newline = true
-indent_style = space
-indent_size = 2
-

.eslintignore

@@ -1,5 +0,0 @@
-**/*.min.js
-**/plugins/*
-**/dist/*
-**/build/npm
-ad.js

.eslintrc

@@ -1,300 +0,0 @@
-{
-  "root": true,
-  "parser": "babel-eslint",
-  "env": {
-    "browser": true,
-    "es6": true,
-    "amd": true
-  },
-  "extends": "eslint:recommended",
-  "plugins": [
-    "compat"
-  ],
-  "globals": {
-    "jQuery": true
-  },
-  "rules": {
-    // Possible Errors
-    "no-await-in-loop": "error",
-    "no-extra-parens": "error",
-    "no-prototype-builtins": "error",
-    "no-template-curly-in-string": "error",
-    "compat/compat": "error",
-    "valid-jsdoc": "error",
-    // Best Practices
-    "accessor-pairs": "error",
-    "array-callback-return": "error",
-    "block-scoped-var": "error",
-    "class-methods-use-this": "off",
-    "complexity": "error",
-    "consistent-return": "error",
-    "curly": "error",
-    "default-case": "error",
-    "dot-location": [
-      "error",
-      "property"
-    ],
-    "dot-notation": "error",
-    "eqeqeq": "error",
-    "guard-for-in": "error",
-    "no-alert": "error",
-    "no-caller": "error",
-    "no-div-regex": "error",
-    "no-else-return": "error",
-    "no-empty-function": "error",
-    "no-eq-null": "error",
-    "no-eval": "error",
-    "no-extend-native": "error",
-    "no-extra-bind": "error",
-    "no-extra-label": "error",
-    "no-floating-decimal": "error",
-    "no-implicit-coercion": "error",
-    "no-implicit-globals": "error",
-    "no-implied-eval": "error",
-    "no-invalid-this": "off",
-    "no-iterator": "error",
-    "no-labels": "error",
-    "no-lone-blocks": "error",
-    "no-loop-func": "error",
-    "no-magic-numbers": [
-      "error",
-      {
-        "ignore": [
-          -1,
-          0,
-          1
-        ],
-        "ignoreArrayIndexes": true
-      }
-    ],
-    "no-multi-spaces": [
-      "error",
-      {
-        "ignoreEOLComments": true,
-        "exceptions": {
-          "AssignmentExpression": true,
-          "ArrowFunctionExpression": true,
-          "CallExpression": true,
-          "VariableDeclarator": true
-        }
-      }
-    ],
-    "no-multi-str": "error",
-    "no-new": "error",
-    "no-new-func": "error",
-    "no-new-wrappers": "error",
-    "no-octal-escape": "error",
-    "no-param-reassign": "off",
-    "no-proto": "error",
-    "no-restricted-properties": "error",
-    "no-return-assign": "error",
-    "no-return-await": "error",
-    "no-script-url": "error",
-    "no-self-compare": "error",
-    "no-sequences": "error",
-    "no-throw-literal": "error",
-    "no-unmodified-loop-condition": "error",
-    "no-unused-expressions": "error",
-    "no-useless-call": "error",
-    "no-useless-concat": "error",
-    "no-useless-return": "error",
-    "no-void": "error",
-    "no-warning-comments": "off",
-    "no-with": "error",
-    "prefer-promise-reject-errors": "error",
-    "radix": "error",
-    "require-await": "error",
-    "vars-on-top": "error",
-    "wrap-iife": "error",
-    "yoda": "error",
-    // Strict Mode
-    "strict": "error",
-    // Variables
-    "init-declarations": "off",
-    "no-catch-shadow": "error",
-    "no-label-var": "error",
-    "no-restricted-globals": "error",
-    "no-shadow": "off",
-    "no-shadow-restricted-names": "error",
-    "no-undef-init": "error",
-    "no-undefined": "error",
-    "no-use-before-define": "off",
-    // Node.js and CommonJS
-    "callback-return": "off",
-    "global-require": "error",
-    "handle-callback-err": "error",
-    "no-mixed-requires": "error",
-    "no-new-require": "error",
-    "no-path-concat": "error",
-    "no-process-env": "error",
-    "no-process-exit": "error",
-    "no-restricted-modules": "error",
-    "no-sync": "error",
-    // Stylistic Issues
-    "array-bracket-spacing": "error",
-    "block-spacing": "error",
-    "brace-style": "error",
-    "camelcase": "error",
-    "capitalized-comments": "off",
-    "comma-dangle": "error",
-    "comma-spacing": "error",
-    "comma-style": "error",
-    "computed-property-spacing": "error",
-    "consistent-this": "error",
-    "eol-last": "error",
-    "func-call-spacing": "error",
-    "func-name-matching": "error",
-    "func-names": "off",
-    "func-style": [
-      "error",
-      "declaration"
-    ],
-    "id-blacklist": "error",
-    "id-length": "off",
-    "id-match": "error",
-    "indent": [
-      "error",
-      2,
-      {
-        "SwitchCase": 1
-      }
-    ],
-    "jsx-quotes": "error",
-    "key-spacing": "off",
-    "keyword-spacing": "error",
-    "linebreak-style": [
-      "error",
-      "unix"
-    ],
-    "line-comment-position": "off",
-    "lines-around-comment": "off",
-    "lines-around-directive": "error",
-    "max-depth": [
-      "error",
-      10
-    ],
-    "max-len": "off",
-    "max-lines": "off",
-    "max-nested-callbacks": "error",
-    "max-params": "off",
-    "max-statements": "off",
-    "max-statements-per-line": "error",
-    "multiline-ternary": "off",
-    "new-cap": [
-      "error",
-      {
-        "capIsNewExceptionPattern": "$.*"
-      }
-    ],
-    "newline-after-var": "off",
-    "newline-per-chained-call": [
-      "error",
-      {
-        "ignoreChainWithDepth": 5
-      }
-    ],
-    "new-parens": "error",
-    "no-array-constructor": "error",
-    "no-bitwise": "error",
-    "no-continue": "off",
-    "no-inline-comments": "off",
-    "no-lonely-if": "error",
-    "no-mixed-operators": "off",
-    "no-multi-assign": "error",
-    "no-multiple-empty-lines": "error",
-    "nonblock-statement-body-position": "error",
-    "no-negated-condition": "off",
-    "no-nested-ternary": "error",
-    "no-new-object": "error",
-    "no-plusplus": "off",
-    "no-restricted-syntax": "error",
-    "no-tabs": "error",
-    "no-ternary": "off",
-    "no-trailing-spaces": "error",
-    "no-underscore-dangle": "off",
-    "no-unneeded-ternary": "error",
-    "no-whitespace-before-property": "error",
-    "object-curly-newline": [
-      "error",
-      {
-        "minProperties": 1
-      }
-    ],
-    "object-curly-spacing": [
-      "error",
-      "always"
-    ],
-    "object-property-newline": "error",
-    "one-var": [
-      "error",
-      "never"
-    ],
-    "one-var-declaration-per-line": "error",
-    "operator-assignment": "error",
-    "operator-linebreak": "error",
-    "padded-blocks": [
-      "error",
-      "never"
-    ],
-    "padding-line-between-statements": "off",
-    "quote-props": [
-      "error",
-      "as-needed"
-    ],
-    "quotes": [
-      "error",
-      "single"
-    ],
-    "require-jsdoc": "off",
-    "semi": [
-      "error",
-      "never"
-    ],
-    "semi-spacing": "error",
-    "sort-keys": "off",
-    "sort-vars": "error",
-    "space-before-blocks": "error",
-    "space-before-function-paren": [
-      "error",
-      {
-        "anonymous": "always",
-        "named": "never"
-      }
-    ],
-    "space-in-parens": "error",
-    "space-infix-ops": "error",
-    "space-unary-ops": "error",
-    "spaced-comment": "error",
-    "template-tag-spacing": "error",
-    "unicode-bom": "error",
-    "wrap-regex": "off",
-    // ECMAScript 6
-    "arrow-body-style": [
-      "error",
-      "as-needed"
-    ],
-    "arrow-parens": "error",
-    "arrow-spacing": "error",
-    "generator-star-spacing": "error",
-    "no-confusing-arrow": "error",
-    "no-duplicate-imports": "error",
-    "no-restricted-imports": "error",
-    "no-useless-computed-key": "error",
-    "no-useless-constructor": "error",
-    "no-useless-rename": "error",
-    "no-var": "error",
-    "object-shorthand": "error",
-    "prefer-arrow-callback": "error",
-    "prefer-const": "error",
-    "prefer-destructuring": "off",
-    "prefer-numeric-literals": "error",
-    "prefer-rest-params": "error",
-    "prefer-spread": "error",
-    "prefer-template": "error",
-    "rest-spread-spacing": "error",
-    "sort-imports": "error",
-    "symbol-description": "error",
-    "template-curly-spacing": "error",
-    "yield-star-spacing": "error"
-  }
-}

.gitignore

@@ -1,31 +1,2 @@
-// System / Log files 
 *.DS_Store
-*.log
-
-// Archives
-*.zip
-
-// Sass Cache
-.sass-cache
-
-// Project files
-.idea
-nbproject
-nbproject/private
-.vscode/
-.vs/
-
-// Node / Bower
-node_modules/
-bower_components/
-
-// Docs
-Gemfile.lock
-docs/_site
-.jekyll-cache/
-.jekyll-metadata
-
-// ETC
-TODO
-test.html
-ad.js
+.idea

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2014-2018 almasaeed2010
+Copyright (c) 2013 almasaeed2010
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

README.md

@@ -1,95 +1,104 @@
-Introduction
-============
+[![Flattr this git repo](http://api.flattr.com/button/flattr-badge-large.png)](https://flattr.com/submit/auto?user_id=almasaeed2010&url=http://almsaeedstudio.com&title=AdminLTE&language=&tags=github&category=software) [![Donate](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif "AdminLTE Presentation")](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=629XCUSXBHCBC "Donate")
+------------------------
 
-**AdminLTE** is a fully responsive administration template. Based on **[Bootstrap 4](https://getbootstrap.com)** framework.
-Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.
+Announcements:
+--------------
+**- Almsaeed Studio Email Subscribtion:** available now on the [main Almsaeed Studio page](http://almsaeedstudio.com/#subscribe "Subscribe Section"). 
 
-**Download & Preview on [AdminLTE.io](https://adminlte.io)**
+**- [Documentation](http://almsaeedstudio.com/guide)**: a quick start and installation guide have been created in our website Almsaeed Studio.
 
-Looking for Premium Templates?
-------------------------------
-AdminLTE.io just opened a new premium templates page. Hand picked to insure the best quality and the most affordable
-prices. Visit https://adminlte.io/premium for more information.
+**AdminLTE** -- is a fully responsive admin template. Based on **Bootstrap 3** framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops. Check out the live preview now and see for yourself. 
 
-!["AdminLTE Presentation"](https://adminlte.io/AdminLTE3.png "AdminLTE Presentation")
+**Live Preview: http://almsaeedstudio.com/preview/**
 
-**AdminLTE** has been carefully coded with clear comments in all of its JS, SCSS and HTML files.
-SCSS has been used to increase code customizability.
+Note: If the javascript in the preview does not work properly (specially IE users), please visit http://almsaeedstudio.com/AdminLTE (this could be because of the use of an iframe!)
 
-Installation
-------------
-There are multiple ways to install AdminLTE.
+Want More?
+-----------
+**Almsaeed studio just opened a new premium templates page. Hand picked to insure the best quality and the most affordable prices. Visit http://almsaeedstudio.com/premium for more information.**
 
-#### Download:
 
-Download from Github or [visit AdminLTE.io](https://adminlte.io) and download the latest release.
+!["AdminLTE Presentation"](http://almsaeedstudio.com/adminlte2.png "AdminLTE Presentation")
 
-#### Using The Command Line:
+**AdminLTE** has been carefully coded with clear comments in all of its JS, LESS and HTML files. LESS has been used to increase code customizability.
 
-**NPM**
-```bash
-npm install admin-lte
-```
+Special Features:
+-----------------
+- **Fully responsive**
+- **Enhanced for printing**
+- **Sortable dashboard widgets**
+- **18 plugins and 3 custom plugins**
+- **Light weight and fast**
+- **Compatible with most major browsers**
+- **Full support for Glyphicons, Fontawesome and Ion icons**
 
-**Github**
+Featured Pages:
+----------------
+- Dashboard
+- Mailbox
+- Calendar
+- Invoice
+- Lockscreen
+- Login
+- Register
+- 404 Error
+- 500 Error
+- Blank page
 
-- Clone to your machine
-```
-git clone https://github.com/ColorlibHQ/AdminLTE.git
-```
+Featured Plugins:
+-----------------
+- Boostrap Slider
+- Ion slider
+- Bootstrap WYSIHTML5
+- CKEditor
+- Bootstrap Colorpicker
+- Bootstrap Date range Picker
+- Bootstrap Time Picker
+- Data Tables
+- Flot
+- Morris.js
+- Sparkilne
+- Full Calendar
+- iCheck
+- jQuery input mask
+- jQuery Knob
+- jVector Map
+- Slim Scroll
+- Pace
+- [Bootstrap Social Buttons](http://lipis.github.io/bootstrap-social/ "Bootstrap Social")
 
-Documentation
--------------
-Visit the [online documentation](https://adminlte.io/themes/AdminLTE/documentation/index.html) for the most
-updated guide. Information will be added on a weekly basis.
+Browser Support:
+----------------
+- IE 9+
+- Firefox 5+
+- Chrome 14+
+- Safari 5+
+- Opera 11+
 
-Browser Support
----------------
-- IE 10+
-- Firefox (latest)
-- Chrome (latest)
-- Safari (latest)
-- Opera (latest)
+Change log:
+-----------
+ver 1.2:
+- Fixed the sidebar scroll issue when using the fixed layout.
+- Added [Bootstrap Social Buttons](http://lipis.github.io/bootstrap-social/ "Bootstrap Social") plugin.
+- Fixed RequireJS bug. Thanks to [StaticSphere](https://github.com/StaticSphere "github user"). 
 
-Contribution
-------------
-Contribution are always **welcome and recommended**! Here is how:
+ver 1.1:
+- Added new skin. class: .skin-black
+- Added [pace](http://github.hubspot.com/pace/docs/welcome/ "pace") plugin.
 
-- Fork the repository ([here is the guide](https://help.github.com/articles/fork-a-repo/)).
-- Clone to your machine ```git clone https://github.com/YOUR_USERNAME/AdminLTE.git```
-- Create a new branch
-- Make your changes
-- Create a pull request
+To Do List:
+-----------
+- More features
+- Ajax version
+- More skins
+- Documentation
 
-#### Contribution Requirements:
+Image Credits:
+--------------
+[pixeden](http://www.pixeden.com/psd-web-elements/flat-responsive-showcase-psd "")
 
-- When you contribute, you agree to give a non-exclusive license to AdminLTE.io to use that contribution in any context as we (AdminLTE.io) see appropriate.
-- If you use content provided by another party, it must be appropriately licensed using an [open source](http://opensource.org/licenses) license.
-- Contributions are only accepted through Github pull requests.
-- Finally, contributed code must work in all supported browsers (see above for browser support).
+[graphicsfuel](http://www.graphicsfuel.com/2013/02/13-high-resolution-blur-backgrounds/ "")
 
-License
--------
-AdminLTE is an open source project by [AdminLTE.io](https://adminlte.io) that is licensed under [MIT](http://opensource.org/licenses/MIT). AdminLTE.io
-reserves the right to change the license of future releases.
+[ajaxload](http://www.ajaxload.info/ "")
 
-Legacy Releases
----------------
-- [AdminLTE 2](https://github.com/ColorlibHQ/AdminLTE/releases/tag/v2.4.3)
-- [AdminLTE 1](https://github.com/ColorlibHQ/AdminLTE/releases/tag/1.3.1)
-
-Change log
-----------
-Visit the [releases](https://github.com/ColorlibHQ/AdminLTE/releases) page to view the changelog
-
-Image Credits
--------------
-[Pixeden](http://www.pixeden.com/psd-web-elements/flat-responsive-showcase-psd)
-
-[Graphicsfuel](http://www.graphicsfuel.com/2013/02/13-high-resolution-blur-backgrounds/)
-
-[Pickaface](http://pickaface.net/)
-
-[Unsplash](https://unsplash.com/)
-
-[Uifaces](http://uifaces.com/)
+[pickaface](http://pickaface.net/ "")

ajax/dashboard-boxrefresh-demo.php

@@ -0,0 +1,64 @@
+<?php
+sleep(1.2);
+?>
+<div class="pad">This data has been loaded via ajax using the custom boxResfresh plugin.</div>
+<small id="dummy-time" class="pad pull-right text-muted"></small>
+<small class="pull-right pad text-muted">Last update:</small>
+<div class="row">
+    <div class="col-sm-7">
+        <!-- bar chart -->
+        <div class="chart" id="bar-chart" style="height: 250px;"></div>
+    </div>
+    <div class="col-sm-5">
+        <div class="pad">
+            <!-- Progress bars -->
+            <div class="clearfix">
+                <span class="pull-left">Bandwidth</span>
+                <small class="pull-right">10/200 GB</small>
+            </div>
+            <div class="progress xs">
+                <div class="progress-bar progress-bar-green" style="width: 70%;"></div>
+            </div>
+
+            <div class="clearfix">
+                <span class="pull-left">Transfered</span>
+                <small class="pull-right">10 GB</small>
+            </div>
+            <div class="progress xs">
+                <div class="progress-bar progress-bar-red" style="width: 70%;"></div>
+            </div>
+
+            <div class="clearfix">
+                <span class="pull-left">Activity</span>
+                <small class="pull-right">73%</small>
+            </div>
+            <div class="progress xs">
+                <div class="progress-bar progress-bar-light-blue" style="width: 70%;"></div>
+            </div>
+
+            <div class="clearfix">
+                <span class="pull-left">FTP</span>
+                <small class="pull-right">30 GB</small>
+            </div>
+            <div class="progress xs">
+                <div class="progress-bar progress-bar-aqua" style="width: 70%;"></div>
+            </div>
+            <!-- Buttons -->
+            <p>
+                <button class="btn btn-default btn-sm"><i class="fa fa-cloud-download"></i> Generate PDF</button>
+            </p>
+        </div><!-- /.pad -->
+    </div><!-- /.col -->
+</div><!-- /.row - inside box -->
+
+<script type="text/javascript">
+    var now = new Date();
+    var strDateTime = [[AddZero(now.getDate()), AddZero(now.getMonth() + 1), now.getFullYear()].join("/"), [AddZero(now.getHours()), AddZero(now.getMinutes())].join(":"), now.getHours() >= 12 ? "PM" : "AM"].join(" ");
+
+    //Pad given value to the left with "0"
+    function AddZero(num) {
+        return (num >= 0 && num < 10) ? "0" + num : num + "";
+    }
+    var x = document.getElementById("dummy-time");
+    x.innerHTML = strDateTime;
+</script>

build/config/postcss.config.js

@@ -1,14 +0,0 @@
-'use strict'
-
-module.exports = (ctx) => ({
-  map: ctx.file.dirname.includes('examples') ? false : {
-    inline: false,
-    annotation: true,
-    sourcesContent: true
-  },
-  plugins: {
-    autoprefixer: {
-      cascade: false
-    }
-  }
-})

build/config/rollup.config.js

@@ -1,29 +0,0 @@
-import babel from 'rollup-plugin-babel'
-
-const pkg  = require('../../package')
-const year = new Date().getFullYear()
-
-const globals = {
-  jquery: 'jQuery'
-}
-
-export default {
-  input  : 'build/js/AdminLTE.js',
-  output : {
-    banner: `/*!
- * AdminLTE v${pkg.version} (${pkg.homepage})
- * Copyright 2014-${year} ${pkg.author}
- * Licensed under MIT (https://github.com/almasaeed2010/AdminLTE/blob/master/LICENSE)
- */`,
-    file  : 'dist/js/adminlte.js',
-    format: 'umd',
-    globals,
-    name  : 'adminlte'
-  },
-  plugins: [
-    babel({
-      exclude: 'node_modules/**',
-      externalHelpers: true
-    })
-  ]
-}

build/js/.jscsrc

@@ -1,44 +0,0 @@
-{
-  "esnext": true,
-  "verbose": true,
-  "disallowEmptyBlocks": true,
-  "disallowKeywords": ["with"],
-  "disallowMixedSpacesAndTabs": true,
-  "disallowMultipleLineStrings": true,
-  "disallowMultipleVarDecl": true,
-  "disallowQuotedKeysInObjects": "allButReserved",
-  "disallowSpaceAfterPrefixUnaryOperators": ["++", "--", "+", "-", "~", "!"],
-  "disallowSpaceBeforeBinaryOperators": [","],
-  "disallowSpaceBeforePostfixUnaryOperators": ["++", "--"],
-  "disallowSpacesInFunctionDeclaration": { "beforeOpeningRoundBrace": true },
-  "disallowSpacesInNamedFunctionExpression": { "beforeOpeningRoundBrace": true },
-  "disallowSpacesInsideArrayBrackets": true,
-  "disallowSpacesInsideParentheses": true,
-  "disallowTrailingComma": true,
-  "disallowTrailingWhitespace": true,
-  "requireCamelCaseOrUpperCaseIdentifiers": true,
-  "requireCapitalizedConstructors": true,
-  "requireCommaBeforeLineBreak": true,
-  "requireDollarBeforejQueryAssignment": true,
-  "requireDotNotation": true,
-  "requireLineFeedAtFileEnd": true,
-  "requirePaddingNewLinesAfterUseStrict": true,
-  "requirePaddingNewLinesBeforeExport": true,
-  "requireSpaceAfterBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="],
-  "requireSpaceAfterKeywords": ["if", "else", "for", "while", "do", "switch", "return", "try", "catch"],
-  "requireSpaceAfterLineComment": true,
-  "requireSpaceBeforeBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="],
-  "requireSpaceBetweenArguments": true,
-  "requireSpacesInAnonymousFunctionExpression": { "beforeOpeningCurlyBrace": true, "beforeOpeningRoundBrace": true, "allExcept": ["shorthand"] },
-  "requireSpacesInConditionalExpression": true,
-  "requireSpacesInForStatement": true,
-  "requireSpacesInFunctionDeclaration": { "beforeOpeningCurlyBrace": true },
-  "requireSpacesInFunctionExpression": { "beforeOpeningCurlyBrace": true },
-  "requireSpacesInNamedFunctionExpression": { "beforeOpeningCurlyBrace": true },
-  "requireSpacesInsideObjectBrackets": "allButNested",
-  "validateAlignedFunctionParameters": true,
-  "validateIndentation": 2,
-  "validateLineBreaks": "LF",
-  "validateNewlineAfterArrayElements": true,
-  "validateQuoteMarks": "'"
-}

build/js/AdminLTE.js

@@ -1,21 +0,0 @@
-import ControlSidebar from './ControlSidebar'
-import Layout from './Layout'
-import PushMenu from './PushMenu'
-import Treeview from './Treeview'
-import DirectChat from './DirectChat'
-import TodoList from './TodoList'
-import CardWidget from './CardWidget'
-import CardRefresh from './CardRefresh'
-import Dropdown from './Dropdown'
-
-export {
-  ControlSidebar,
-  Layout,
-  PushMenu,
-  Treeview,
-  DirectChat,
-  TodoList,
-  CardWidget,
-  CardRefresh,
-  Dropdown
-}

build/js/CardRefresh.js

@@ -1,164 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE CardRefresh.js
- * License MIT
- * --------------------------------------------
- */
-
-const CardRefresh = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'CardRefresh'
-  const DATA_KEY           = 'lte.cardrefresh'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {
-    LOADED: `loaded${EVENT_KEY}`,
-    OVERLAY_ADDED: `overlay.added${EVENT_KEY}`,
-    OVERLAY_REMOVED: `overlay.removed${EVENT_KEY}`,
-  }
-
-  const ClassName = {
-    CARD: 'card',
-  }
-
-  const Selector = {
-    CARD: `.${ClassName.CARD}`,
-    DATA_REFRESH: '[data-card-widget="card-refresh"]',
-  }
-
-  const Default = {
-    source: '',
-    sourceSelector: '',
-    params: {},
-    trigger: Selector.DATA_REFRESH,
-    content: '.card-body',
-    loadInContent: true,
-    loadOnInit: true,
-    responseType: '',
-    overlayTemplate: '<div class="overlay"><i class="fas fa-2x fa-sync-alt fa-spin"></i></div>',
-    onLoadStart: function () {
-    },
-    onLoadDone: function (response) {
-      return response;
-    }
-  }
-
-  class CardRefresh {
-    constructor(element, settings) {
-      this._element  = element
-      this._parent = element.parents(Selector.CARD).first()
-      this._settings = $.extend({}, Default, settings)
-      this._overlay = $(this._settings.overlayTemplate)
-
-      if (element.hasClass(ClassName.CARD)) {
-        this._parent = element
-      }
-
-      if (this._settings.source === '') {
-        throw new Error('Source url was not defined. Please specify a url in your CardRefresh source option.');
-      }
-
-      this._init();
-
-      if (this._settings.loadOnInit) {
-        this.load();
-      }
-    }
-
-    load() {
-      this._addOverlay()
-      this._settings.onLoadStart.call($(this))
-
-      $.get(this._settings.source, this._settings.params, function (response) {
-        if (this._settings.loadInContent) {
-          if (this._settings.sourceSelector != '') {
-            response = $(response).find(this._settings.sourceSelector).html()
-          }
-
-          this._parent.find(this._settings.content).html(response)
-        }
-
-        this._settings.onLoadDone.call($(this), response)
-        this._removeOverlay();
-      }.bind(this), this._settings.responseType !== '' && this._settings.responseType)
-
-      const loadedEvent = $.Event(Event.LOADED)
-      $(this._element).trigger(loadedEvent)
-    }
-
-    _addOverlay() {
-      this._parent.append(this._overlay)
-
-      const overlayAddedEvent = $.Event(Event.OVERLAY_ADDED)
-      $(this._element).trigger(overlayAddedEvent)
-    };
-
-    _removeOverlay() {
-      this._parent.find(this._overlay).remove()
-
-      const overlayRemovedEvent = $.Event(Event.OVERLAY_REMOVED)
-      $(this._element).trigger(overlayRemovedEvent)
-    };
-
-
-    // Private
-
-    _init(card) {
-      $(this).find(this._settings.trigger).on('click', () => {
-        this.load()
-      })
-    }
-
-    // Static
-
-    static _jQueryInterface(config) {
-      let data = $(this).data(DATA_KEY)
-      let options = $(this).data()
-
-      if (!data) {
-        data = new CardRefresh($(this), options)
-        $(this).data(DATA_KEY, typeof config === 'string' ? data: config)
-      }
-
-      if (typeof config === 'string' && config.match(/load/)) {
-        data[config]()
-      } else if (typeof config === 'object') {
-        data._init($(this))
-      }
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(document).on('click', Selector.DATA_REFRESH, function (event) {
-    if (event) {
-      event.preventDefault()
-    }
-
-    CardRefresh._jQueryInterface.call($(this), 'load')
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = CardRefresh._jQueryInterface
-  $.fn[NAME].Constructor = CardRefresh
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return CardRefresh._jQueryInterface
-  }
-
-  return CardRefresh
-})(jQuery)
-
-export default CardRefresh

build/js/CardWidget.js

@@ -1,249 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE CardWidget.js
- * License MIT
- * --------------------------------------------
- */
-
-const CardWidget = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'CardWidget'
-  const DATA_KEY           = 'lte.cardwidget'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {
-    EXPANDED: `expanded${EVENT_KEY}`,
-    COLLAPSED: `collapsed${EVENT_KEY}`,
-    MAXIMIZED: `maximized${EVENT_KEY}`,
-    MINIMIZED: `minimized${EVENT_KEY}`,
-    REMOVED: `removed${EVENT_KEY}`
-  }
-
-  const ClassName = {
-    CARD: 'card',
-    COLLAPSED: 'collapsed-card',
-    WAS_COLLAPSED: 'was-collapsed',
-    MAXIMIZED: 'maximized-card',
-  }
-
-  const Selector = {
-    DATA_REMOVE: '[data-card-widget="remove"]',
-    DATA_COLLAPSE: '[data-card-widget="collapse"]',
-    DATA_MAXIMIZE: '[data-card-widget="maximize"]',
-    CARD: `.${ClassName.CARD}`,
-    CARD_HEADER: '.card-header',
-    CARD_BODY: '.card-body',
-    CARD_FOOTER: '.card-footer',
-    COLLAPSED: `.${ClassName.COLLAPSED}`,
-  }
-
-  const Default = {
-    animationSpeed: 'normal',
-    collapseTrigger: Selector.DATA_COLLAPSE,
-    removeTrigger: Selector.DATA_REMOVE,
-    maximizeTrigger: Selector.DATA_MAXIMIZE,
-    collapseIcon: 'fa-minus',
-    expandIcon: 'fa-plus',
-    maximizeIcon: 'fa-expand',
-    minimizeIcon: 'fa-compress',
-  }
-
-  class CardWidget {
-    constructor(element, settings) {
-      this._element  = element
-      this._parent = element.parents(Selector.CARD).first()
-
-      if (element.hasClass(ClassName.CARD)) {
-        this._parent = element
-      }
-
-      this._settings = $.extend({}, Default, settings)
-    }
-
-    collapse() {
-      this._parent.children(`${Selector.CARD_BODY}, ${Selector.CARD_FOOTER}`)
-        .slideUp(this._settings.animationSpeed, () => {
-          this._parent.addClass(ClassName.COLLAPSED)
-        })
-      this._parent.find(this._settings.collapseTrigger + ' .' + this._settings.collapseIcon)
-        .addClass(this._settings.expandIcon)
-        .removeClass(this._settings.collapseIcon)
-
-      const collapsed = $.Event(Event.COLLAPSED)
-
-      this._element.trigger(collapsed, this._parent)
-    }
-
-    expand() {
-      this._parent.children(`${Selector.CARD_BODY}, ${Selector.CARD_FOOTER}`)
-        .slideDown(this._settings.animationSpeed, () => {
-          this._parent.removeClass(ClassName.COLLAPSED)
-        })
-
-      this._parent.find(this._settings.collapseTrigger + ' .' + this._settings.expandIcon)
-        .addClass(this._settings.collapseIcon)
-        .removeClass(this._settings.expandIcon)
-
-      const expanded = $.Event(Event.EXPANDED)
-
-      this._element.trigger(expanded, this._parent)
-    }
-
-    remove() {
-      this._parent.slideUp()
-
-      const removed = $.Event(Event.REMOVED)
-
-      this._element.trigger(removed, this._parent)
-    }
-
-    toggle() {
-      if (this._parent.hasClass(ClassName.COLLAPSED)) {
-        this.expand()
-        return
-      }
-
-      this.collapse()
-    }
-    
-    maximize() {
-      this._parent.find(this._settings.maximizeTrigger + ' .' + this._settings.maximizeIcon)
-        .addClass(this._settings.minimizeIcon)
-        .removeClass(this._settings.maximizeIcon)
-      this._parent.css({
-        'height': this._parent.height(),
-        'width': this._parent.width(),
-        'transition': 'all .15s'
-      }).delay(150).queue(function(){
-        $(this).addClass(ClassName.MAXIMIZED)
-        $('html').addClass(ClassName.MAXIMIZED)
-        if ($(this).hasClass(ClassName.COLLAPSED)) {
-          $(this).addClass(ClassName.WAS_COLLAPSED)
-        }
-        $(this).dequeue()
-      })
-
-      const maximized = $.Event(Event.MAXIMIZED)
-
-      this._element.trigger(maximized, this._parent)
-    }
-
-    minimize() {
-      this._parent.find(this._settings.maximizeTrigger + ' .' + this._settings.minimizeIcon)
-        .addClass(this._settings.maximizeIcon)
-        .removeClass(this._settings.minimizeIcon)
-      this._parent.css('cssText', 'height:' + this._parent[0].style.height + ' !important;' +
-        'width:' + this._parent[0].style.width + ' !important; transition: all .15s;'
-      ).delay(10).queue(function(){
-        $(this).removeClass(ClassName.MAXIMIZED)
-        $('html').removeClass(ClassName.MAXIMIZED)
-        $(this).css({
-          'height': 'inherit',
-          'width': 'inherit'
-        })
-        if ($(this).hasClass(ClassName.WAS_COLLAPSED)) {
-          $(this).removeClass(ClassName.WAS_COLLAPSED)
-        }
-        $(this).dequeue()
-      })
-
-      const MINIMIZED = $.Event(Event.MINIMIZED)
-
-      this._element.trigger(MINIMIZED, this._parent)
-    }
-
-    toggleMaximize() {
-      if (this._parent.hasClass(ClassName.MAXIMIZED)) {
-        this.minimize()
-        return
-      }
-
-      this.maximize()
-    }
-
-    // Private
-
-    _init(card) {
-      this._parent = card
-
-      $(this).find(this._settings.collapseTrigger).click(() => {
-        this.toggle()
-      })
-
-      $(this).find(this._settings.maximizeTrigger).click(() => {
-        this.toggleMaximize()
-      })
-
-      $(this).find(this._settings.removeTrigger).click(() => {
-        this.remove()
-      })
-    }
-
-    // Static
-
-    static _jQueryInterface(config) {
-      let data = $(this).data(DATA_KEY)
-
-      if (!data) {
-        data = new CardWidget($(this), data)
-        $(this).data(DATA_KEY, typeof config === 'string' ? data: config)
-      }
-
-      if (typeof config === 'string' && config.match(/collapse|expand|remove|toggle|maximize|minimize|toggleMaximize/)) {
-        data[config]()
-      } else if (typeof config === 'object') {
-        data._init($(this))
-      }
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(document).on('click', Selector.DATA_COLLAPSE, function (event) {
-    if (event) {
-      event.preventDefault()
-    }
-
-    CardWidget._jQueryInterface.call($(this), 'toggle')
-  })
-
-  $(document).on('click', Selector.DATA_REMOVE, function (event) {
-    if (event) {
-      event.preventDefault()
-    }
-
-    CardWidget._jQueryInterface.call($(this), 'remove')
-  })
-
-  $(document).on('click', Selector.DATA_MAXIMIZE, function (event) {
-    if (event) {
-      event.preventDefault()
-    }
-
-    CardWidget._jQueryInterface.call($(this), 'toggleMaximize')
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = CardWidget._jQueryInterface
-  $.fn[NAME].Constructor = CardWidget
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return CardWidget._jQueryInterface
-  }
-
-  return CardWidget
-})(jQuery)
-
-export default CardWidget

build/js/ControlSidebar.js

@@ -1,290 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE ControlSidebar.js
- * License MIT
- * --------------------------------------------
- */
-
-const ControlSidebar = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'ControlSidebar'
-  const DATA_KEY           = 'lte.controlsidebar'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-  const DATA_API_KEY       = '.data-api'
-
-  const Event = {
-    COLLAPSED: `collapsed${EVENT_KEY}`,
-    EXPANDED: `expanded${EVENT_KEY}`,
-  }
-
-  const Selector = {
-    CONTROL_SIDEBAR: '.control-sidebar',
-    CONTROL_SIDEBAR_CONTENT: '.control-sidebar-content',
-    DATA_TOGGLE: '[data-widget="control-sidebar"]',
-    CONTENT: '.content-wrapper',
-    HEADER: '.main-header',
-    FOOTER: '.main-footer',
-  }
-
-  const ClassName = {
-    CONTROL_SIDEBAR_ANIMATE: 'control-sidebar-animate',
-    CONTROL_SIDEBAR_OPEN: 'control-sidebar-open',
-    CONTROL_SIDEBAR_SLIDE: 'control-sidebar-slide-open',
-    LAYOUT_FIXED: 'layout-fixed',
-    NAVBAR_FIXED: 'layout-navbar-fixed',
-    NAVBAR_SM_FIXED: 'layout-sm-navbar-fixed',
-    NAVBAR_MD_FIXED: 'layout-md-navbar-fixed',
-    NAVBAR_LG_FIXED: 'layout-lg-navbar-fixed',
-    NAVBAR_XL_FIXED: 'layout-xl-navbar-fixed',
-    FOOTER_FIXED: 'layout-footer-fixed',
-    FOOTER_SM_FIXED: 'layout-sm-footer-fixed',
-    FOOTER_MD_FIXED: 'layout-md-footer-fixed',
-    FOOTER_LG_FIXED: 'layout-lg-footer-fixed',
-    FOOTER_XL_FIXED: 'layout-xl-footer-fixed',
-  }
-
-  const Default = {
-    controlsidebarSlide: true,
-    scrollbarTheme : 'os-theme-light',
-    scrollbarAutoHide: 'l',
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class ControlSidebar {
-    constructor(element, config) {
-      this._element = element
-      this._config  = config
-
-      this._init()
-    }
-
-    // Public
-
-    show() {
-      // Show the control sidebar
-      if (this._config.controlsidebarSlide) {
-        $('html').addClass(ClassName.CONTROL_SIDEBAR_ANIMATE)
-        $('body').removeClass(ClassName.CONTROL_SIDEBAR_SLIDE).delay(300).queue(function(){
-          $(Selector.CONTROL_SIDEBAR).hide()
-          $('html').removeClass(ClassName.CONTROL_SIDEBAR_ANIMATE)
-          $(this).dequeue()
-        })
-      } else {
-        $('body').removeClass(ClassName.CONTROL_SIDEBAR_OPEN)
-      }
-
-      const expandedEvent = $.Event(Event.EXPANDED)
-      $(this._element).trigger(expandedEvent)
-    }
-
-    collapse() {
-      // Collapse the control sidebar
-      if (this._config.controlsidebarSlide) {
-        $('html').addClass(ClassName.CONTROL_SIDEBAR_ANIMATE)
-        $(Selector.CONTROL_SIDEBAR).show().delay(10).queue(function(){
-          $('body').addClass(ClassName.CONTROL_SIDEBAR_SLIDE).delay(300).queue(function(){
-            $('html').removeClass(ClassName.CONTROL_SIDEBAR_ANIMATE)
-            $(this).dequeue()
-          })
-          $(this).dequeue()
-        })
-      } else {
-        $('body').addClass(ClassName.CONTROL_SIDEBAR_OPEN)
-      }
-
-      const collapsedEvent = $.Event(Event.COLLAPSED)
-      $(this._element).trigger(collapsedEvent)
-    }
-
-    toggle() {
-      const shouldOpen = $('body').hasClass(ClassName.CONTROL_SIDEBAR_OPEN) || $('body')
-        .hasClass(ClassName.CONTROL_SIDEBAR_SLIDE)
-      if (shouldOpen) {
-        // Open the control sidebar
-        this.show()
-      } else {
-        // Close the control sidebar
-        this.collapse()
-      }
-    }
-
-    // Private
-
-    _init() {
-      this._fixHeight()
-      this._fixScrollHeight()
-
-      $(window).resize(() => {
-        this._fixHeight()
-        this._fixScrollHeight()
-      })
-
-      $(window).scroll(() => {
-        if ($('body').hasClass(ClassName.CONTROL_SIDEBAR_OPEN) || $('body').hasClass(ClassName.CONTROL_SIDEBAR_SLIDE)) {
-            this._fixScrollHeight()
-        }
-      })
-    }
-
-    _fixScrollHeight() {
-      const heights = {
-        scroll: $(document).height(),
-        window: $(window).height(),
-        header: $(Selector.HEADER).outerHeight(),
-        footer: $(Selector.FOOTER).outerHeight(),
-      }
-      const positions = {
-        bottom: Math.abs((heights.window + $(window).scrollTop()) - heights.scroll),
-        top: $(window).scrollTop(),
-      }
-
-      let navbarFixed = false;
-      let footerFixed = false;
-
-      if ($('body').hasClass(ClassName.LAYOUT_FIXED)) {
-        if (
-          $('body').hasClass(ClassName.NAVBAR_FIXED)
-          || $('body').hasClass(ClassName.NAVBAR_SM_FIXED)
-          || $('body').hasClass(ClassName.NAVBAR_MD_FIXED)
-          || $('body').hasClass(ClassName.NAVBAR_LG_FIXED)
-          || $('body').hasClass(ClassName.NAVBAR_XL_FIXED)
-        ) {
-          if ($(Selector.HEADER).css("position") === "fixed") {
-            navbarFixed = true;
-          }
-        }
-        if (
-          $('body').hasClass(ClassName.FOOTER_FIXED)
-          || $('body').hasClass(ClassName.FOOTER_SM_FIXED)
-          || $('body').hasClass(ClassName.FOOTER_MD_FIXED)
-          || $('body').hasClass(ClassName.FOOTER_LG_FIXED)
-          || $('body').hasClass(ClassName.FOOTER_XL_FIXED)
-        ) {
-          if ($(Selector.FOOTER).css("position") === "fixed") {
-            footerFixed = true;
-          }
-        }
-
-        if (positions.top === 0 && positions.bottom === 0) {
-          $(Selector.CONTROL_SIDEBAR).css('bottom', heights.footer);
-          $(Selector.CONTROL_SIDEBAR).css('top', heights.header);
-          $(Selector.CONTROL_SIDEBAR + ', ' + Selector.CONTROL_SIDEBAR + ' ' + Selector.CONTROL_SIDEBAR_CONTENT).css('height', heights.window - (heights.header + heights.footer))
-        } else if (positions.bottom <= heights.footer) {
-          if (footerFixed === false) {  
-            $(Selector.CONTROL_SIDEBAR).css('bottom', heights.footer - positions.bottom);
-            $(Selector.CONTROL_SIDEBAR + ', ' + Selector.CONTROL_SIDEBAR + ' ' + Selector.CONTROL_SIDEBAR_CONTENT).css('height', heights.window - (heights.footer - positions.bottom))
-          } else {
-            $(Selector.CONTROL_SIDEBAR).css('bottom', heights.footer);
-          }
-        } else if (positions.top <= heights.header) {
-          if (navbarFixed === false) {
-            $(Selector.CONTROL_SIDEBAR).css('top', heights.header - positions.top);
-            $(Selector.CONTROL_SIDEBAR + ', ' + Selector.CONTROL_SIDEBAR + ' ' + Selector.CONTROL_SIDEBAR_CONTENT).css('height', heights.window - (heights.header - positions.top))
-          } else {
-            $(Selector.CONTROL_SIDEBAR).css('top', heights.header);
-          }
-        } else {
-          if (navbarFixed === false) {
-            $(Selector.CONTROL_SIDEBAR).css('top', 0);
-            $(Selector.CONTROL_SIDEBAR + ', ' + Selector.CONTROL_SIDEBAR + ' ' + Selector.CONTROL_SIDEBAR_CONTENT).css('height', heights.window)
-          } else {
-            $(Selector.CONTROL_SIDEBAR).css('top', heights.header);
-          }
-        }
-      }
-    }
-
-    _fixHeight() {
-      const heights = {
-        window: $(window).height(),
-        header: $(Selector.HEADER).outerHeight(),
-        footer: $(Selector.FOOTER).outerHeight(),
-      }
-
-      if ($('body').hasClass(ClassName.LAYOUT_FIXED)) {
-        let sidebarHeight = heights.window - heights.header;
-
-        if (
-          $('body').hasClass(ClassName.FOOTER_FIXED)
-          || $('body').hasClass(ClassName.FOOTER_SM_FIXED)
-          || $('body').hasClass(ClassName.FOOTER_MD_FIXED)
-          || $('body').hasClass(ClassName.FOOTER_LG_FIXED)
-          || $('body').hasClass(ClassName.FOOTER_XL_FIXED)
-        ) {
-          if ($(Selector.FOOTER).css("position") === "fixed") {
-            sidebarHeight = heights.window - heights.header - heights.footer;
-          }
-        }
-
-        $(Selector.CONTROL_SIDEBAR + ' ' + Selector.CONTROL_SIDEBAR_CONTENT).css('height', sidebarHeight)
-        
-        if (typeof $.fn.overlayScrollbars !== 'undefined') {
-          $(Selector.CONTROL_SIDEBAR + ' ' + Selector.CONTROL_SIDEBAR_CONTENT).overlayScrollbars({
-            className       : this._config.scrollbarTheme,
-            sizeAutoCapable : true,
-            scrollbars : {
-              autoHide: this._config.scrollbarAutoHide, 
-              clickScrolling : true
-            }
-          })
-        }
-      }
-    }
-
-
-    // Static
-
-    static _jQueryInterface(operation) {
-      return this.each(function () {
-        let data = $(this).data(DATA_KEY)
-
-        if (!data) {
-          data = new ControlSidebar(this, $(this).data())
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (data[operation] === 'undefined') {
-          throw new Error(`${operation} is not a function`)
-        }
-
-        data[operation]()
-      })
-    }
-  }
-
-  /**
-   *
-   * Data Api implementation
-   * ====================================================
-   */
-  $(document).on('click', Selector.DATA_TOGGLE, function (event) {
-    event.preventDefault()
-
-    ControlSidebar._jQueryInterface.call($(this), 'toggle')
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = ControlSidebar._jQueryInterface
-  $.fn[NAME].Constructor = ControlSidebar
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return ControlSidebar._jQueryInterface
-  }
-
-  return ControlSidebar
-})(jQuery)
-
-export default ControlSidebar

build/js/DirectChat.js

@@ -1,92 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE DirectChat.js
- * License MIT
- * --------------------------------------------
- */
-
-const DirectChat = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'DirectChat'
-  const DATA_KEY           = 'lte.directchat'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-  const DATA_API_KEY       = '.data-api'
-
-  const Event = {
-    TOGGLED: `toggled{EVENT_KEY}`
-  }
-
-  const Selector = {
-    DATA_TOGGLE: '[data-widget="chat-pane-toggle"]',
-    DIRECT_CHAT: '.direct-chat'
-  };
-
-  const ClassName = {
-    DIRECT_CHAT_OPEN: 'direct-chat-contacts-open'
-  };
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class DirectChat {
-    constructor(element, config) {
-      this._element = element
-    }
-
-    toggle() {
-      $(this._element).parents(Selector.DIRECT_CHAT).first().toggleClass(ClassName.DIRECT_CHAT_OPEN);
-
-      const toggledEvent = $.Event(Event.TOGGLED)
-      $(this._element).trigger(toggledEvent)
-    }
-
-    // Static
-
-    static _jQueryInterface(config) {
-      return this.each(function () {
-        let data      = $(this).data(DATA_KEY)
-
-        if (!data) {
-          data = new DirectChat($(this))
-          $(this).data(DATA_KEY, data)
-        }
-
-        data[config]()
-      })
-    }
-  }
-
-  /**
-   *
-   * Data Api implementation
-   * ====================================================
-   */
-
-  $(document).on('click', Selector.DATA_TOGGLE, function (event) {
-    if (event) event.preventDefault();
-    DirectChat._jQueryInterface.call($(this), 'toggle');
-  });
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = DirectChat._jQueryInterface
-  $.fn[NAME].Constructor = DirectChat
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return DirectChat._jQueryInterface
-  }
-
-  return DirectChat
-})(jQuery)
-
-export default DirectChat

build/js/Dropdown.js

@@ -1,112 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE Dropdown.js
- * License MIT
- * --------------------------------------------
- */
-
-const Dropdown = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'Dropdown'
-  const DATA_KEY           = 'lte.dropdown'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Selector = {
-    DROPDOWN_MENU: 'ul.dropdown-menu',
-    DROPDOWN_TOGGLE: '[data-toggle="dropdown"]',
-  }
-
-  const ClassName = {
-    DROPDOWN_HOVER: '.dropdown-hover'
-  }
-
-  const Default = {
-  }
-
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class Dropdown {
-    constructor(element, config) {
-      this._config  = config
-      this._element = element
-    }
-
-    // Public
-
-    toggleSubmenu() {
-      this._element.siblings().show().toggleClass("show");
-
-      if (! this._element.next().hasClass('show')) {
-        this._element.parents('.dropdown-menu').first().find('.show').removeClass("show").hide();
-      }
-
-      this._element.parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
-        $('.dropdown-submenu .show').removeClass("show").hide();
-      });
-
-    }
-
-    // Static
-
-    static _jQueryInterface(config) {
-      return this.each(function () {
-        let data      = $(this).data(DATA_KEY)
-        const _config = $.extend({}, Default, $(this).data())
-
-        if (!data) {
-          data = new Dropdown($(this), _config)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (config === 'toggleSubmenu') {
-          data[config]()
-        }
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(Selector.DROPDOWN_MENU + ' ' + Selector.DROPDOWN_TOGGLE).on("click", function(event) {
-    event.preventDefault();
-    event.stopPropagation();
-
-    Dropdown._jQueryInterface.call($(this), 'toggleSubmenu')
-  });
-
-  // $(Selector.SIDEBAR + ' a').on('focusin', () => {
-  //   $(Selector.MAIN_SIDEBAR).addClass(ClassName.SIDEBAR_FOCUSED);
-  // })
-
-  // $(Selector.SIDEBAR + ' a').on('focusout', () => {
-  //   $(Selector.MAIN_SIDEBAR).removeClass(ClassName.SIDEBAR_FOCUSED);
-  // })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = Dropdown._jQueryInterface
-  $.fn[NAME].Constructor = Dropdown
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Dropdown._jQueryInterface
-  }
-
-  return Dropdown
-})(jQuery)
-
-export default Dropdown

build/js/Layout.js

@@ -1,184 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE Layout.js
- * License MIT
- * --------------------------------------------
- */
-
-const Layout = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'Layout'
-  const DATA_KEY           = 'lte.layout'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {
-    SIDEBAR: 'sidebar'
-  }
-
-  const Selector = {
-    HEADER         : '.main-header',
-    MAIN_SIDEBAR   : '.main-sidebar',
-    SIDEBAR        : '.main-sidebar .sidebar',
-    CONTENT        : '.content-wrapper',
-    BRAND          : '.brand-link',
-    CONTENT_HEADER : '.content-header',
-    WRAPPER        : '.wrapper',
-    CONTROL_SIDEBAR: '.control-sidebar',
-    LAYOUT_FIXED   : '.layout-fixed',
-    FOOTER         : '.main-footer'
-  }
-
-  const ClassName = {
-    HOLD           : 'hold-transition',
-    SIDEBAR        : 'main-sidebar',
-    CONTENT_FIXED  : 'content-fixed',
-    SIDEBAR_FOCUSED: 'sidebar-focused',
-    LAYOUT_FIXED   : 'layout-fixed',
-    NAVBAR_FIXED   : 'layout-navbar-fixed',
-    FOOTER_FIXED   : 'layout-footer-fixed',
-  }
-
-  const Default = {
-    scrollbarTheme : 'os-theme-light',
-    scrollbarAutoHide: 'l'
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class Layout {
-    constructor(element, config) {
-      this._config  = config
-      this._element = element
-
-      this._init()
-    }
-
-    // Public
-
-    fixLayoutHeight() {
-      const heights = {
-        window     : $(window).height(),
-        header     : $(Selector.HEADER).outerHeight(),
-        footer     : $(Selector.FOOTER).outerHeight(),
-        sidebar    : $(Selector.SIDEBAR).height(),
-      }
-
-      const max = this._max(heights)
-
-
-      if ($('body').hasClass(ClassName.LAYOUT_FIXED)) {
-        $(Selector.CONTENT).css('min-height', max - heights.header - heights.footer)
-        // $(Selector.SIDEBAR).css('min-height', max - heights.header)
-        
-        if (typeof $.fn.overlayScrollbars !== 'undefined') {
-          $(Selector.SIDEBAR).overlayScrollbars({
-            className       : this._config.scrollbarTheme,
-            sizeAutoCapable : true,
-            scrollbars : {
-              autoHide: this._config.scrollbarAutoHide, 
-              clickScrolling : true
-            }
-          })
-        }
-      } else {
-        if (heights.window > heights.sidebar) {
-          $(Selector.CONTENT).css('min-height', heights.window - heights.header - heights.footer)
-        } else {
-          $(Selector.CONTENT).css('min-height', heights.sidebar - heights.header)
-        }
-      }
-    }
-
-    // Private
-
-    _init() {
-      // Enable transitions
-      $('body').removeClass(ClassName.HOLD)
-
-      // Activate layout height watcher
-      this.fixLayoutHeight()
-      $(Selector.SIDEBAR)
-        .on('collapsed.lte.treeview expanded.lte.treeview collapsed.lte.pushmenu expanded.lte.pushmenu', () => {
-          this.fixLayoutHeight()
-        })
-
-      $(window).resize(() => {
-        this.fixLayoutHeight()
-      })
-
-      $('body, html').css('height', 'auto')
-    }
-
-    _max(numbers) {
-      // Calculate the maximum number in a list
-      let max = 0
-
-      Object.keys(numbers).forEach((key) => {
-        if (numbers[key] > max) {
-          max = numbers[key]
-        }
-      })
-
-      return max
-    }
-
-    // Static
-
-    static _jQueryInterface(config) {
-      return this.each(function () {
-        let data      = $(this).data(DATA_KEY)
-        const _config = $.extend({}, Default, $(this).data())
-
-        if (!data) {
-          data = new Layout($(this), _config)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (config === 'init') {
-          data[config]()
-        }
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(window).on('load', () => {
-    Layout._jQueryInterface.call($('body'))
-  })
-
-  $(Selector.SIDEBAR + ' a').on('focusin', () => {
-    $(Selector.MAIN_SIDEBAR).addClass(ClassName.SIDEBAR_FOCUSED);
-  })
-
-  $(Selector.SIDEBAR + ' a').on('focusout', () => {
-    $(Selector.MAIN_SIDEBAR).removeClass(ClassName.SIDEBAR_FOCUSED);
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = Layout._jQueryInterface
-  $.fn[NAME].Constructor = Layout
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Layout._jQueryInterface
-  }
-
-  return Layout
-})(jQuery)
-
-export default Layout

build/js/PushMenu.js

@@ -1,212 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE PushMenu.js
- * License MIT
- * --------------------------------------------
- */
-
-const PushMenu = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'PushMenu'
-  const DATA_KEY           = 'lte.pushmenu'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {
-    COLLAPSED: `collapsed${EVENT_KEY}`,
-    SHOWN: `shown${EVENT_KEY}`
-  }
-
-  const Default = {
-    autoCollapseSize: false,
-    screenCollapseSize: 768,
-    enableRemember: false,
-    noTransitionAfterReload: true
-  }
-
-  const Selector = {
-    TOGGLE_BUTTON: '[data-widget="pushmenu"]',
-    SIDEBAR_MINI: '.sidebar-mini',
-    SIDEBAR_COLLAPSED: '.sidebar-collapse',
-    BODY: 'body',
-    OVERLAY: '#sidebar-overlay',
-    WRAPPER: '.wrapper'
-  }
-
-  const ClassName = {
-    SIDEBAR_OPEN: 'sidebar-open',
-    COLLAPSED: 'sidebar-collapse',
-    OPEN: 'sidebar-open',
-    SIDEBAR_MINI: 'sidebar-mini'
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class PushMenu {
-    constructor(element, options) {
-      this._element = element
-      this._options = $.extend({}, Default, options)
-
-      this._init()
-
-      if (!$(Selector.OVERLAY).length) {
-        this._addOverlay()
-      }
-    }
-
-    // Public
-
-    show() {
-      $(Selector.BODY).addClass(ClassName.OPEN).removeClass(ClassName.COLLAPSED)
-
-      if(this._options.enableRemember) {
-          localStorage.setItem(`remember${EVENT_KEY}`, ClassName.OPEN);
-      }
-
-      const shownEvent = $.Event(Event.SHOWN)
-      $(this._element).trigger(shownEvent)
-    }
-
-    collapse() {
-      $(Selector.BODY).removeClass(ClassName.OPEN).addClass(ClassName.COLLAPSED)
-
-      if(this._options.enableRemember) {
-          localStorage.setItem(`remember${EVENT_KEY}`, ClassName.COLLAPSED);
-      }
-
-      const collapsedEvent = $.Event(Event.COLLAPSED)
-      $(this._element).trigger(collapsedEvent)
-    }
-
-    isShown() {
-      if ($(window).width() >= this._options.screenCollapseSize) {
-        return !$(Selector.BODY).hasClass(ClassName.COLLAPSED)
-      } else {
-        return $(Selector.BODY).hasClass(ClassName.OPEN)
-      }
-    }
-
-    toggle() {
-      if (this.isShown()) {
-        this.collapse()
-      } else {
-        this.show()
-      }
-    }
-
-    autoCollapse() {
-      if (this._options.autoCollapseSize) {
-        if ($(window).width() <= this._options.autoCollapseSize) {
-          if (this.isShown()) {
-            this.toggle()
-          }
-        } else {
-          if (!this.isShown()) {
-            this.toggle()
-          }
-        }
-      }
-    }
-
-    remember() {
-      if(this._options.enableRemember) {
-        var toggleState = localStorage.getItem(`remember${EVENT_KEY}`);
-        if (toggleState == ClassName.COLLAPSED){
-          if (this._options.noTransitionAfterReload) {
-            $("body").addClass('hold-transition').addClass(ClassName.COLLAPSED).delay(10).queue(function() {
-              $(this).removeClass('hold-transition');
-              $(this).dequeue()
-            });
-          } else {
-            $("body").addClass(ClassName.COLLAPSED);
-          }
-        }
-      }
-    }
-
-    // Private
-
-    _init() {
-      this.remember()
-      this.autoCollapse()
-
-      $(window).resize(() => {
-        this.autoCollapse()
-      })
-    }
-
-    _addOverlay() {
-      const overlay = $('<div />', {
-        id: 'sidebar-overlay'
-      })
-
-      overlay.on('click', () => {
-        this.collapse()
-      })
-
-      $(Selector.WRAPPER).append(overlay)
-    }
-
-    // Static
-
-    static _jQueryInterface(operation) {
-      return this.each(function () {
-        let data = $(this).data(DATA_KEY)
-        const _options = $.extend({}, Default, $(this).data())
-
-        if (!data) {
-          data = new PushMenu(this, _options)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (operation === 'toggle') {
-          data[operation]()
-        }
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(document).on('click', Selector.TOGGLE_BUTTON, (event) => {
-    event.preventDefault()
-
-    let button = event.currentTarget
-
-    if ($(button).data('widget') !== 'pushmenu') {
-      button = $(button).closest(Selector.TOGGLE_BUTTON)
-    }
-
-    PushMenu._jQueryInterface.call($(button), 'toggle')
-  })
-
-  $(window).on('load', () => {
-    PushMenu._jQueryInterface.call($(Selector.TOGGLE_BUTTON))
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = PushMenu._jQueryInterface
-  $.fn[NAME].Constructor = PushMenu
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return PushMenu._jQueryInterface
-  }
-
-  return PushMenu
-})(jQuery)
-
-export default PushMenu

build/js/SiteSearch.js

@@ -1,127 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE SiteSearch.js
- * License MIT
- * --------------------------------------------
- */
-
-const SiteSearch = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'SiteSearch'
-  const DATA_KEY           = 'lte.site-search'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {}
-
-  const Selector = {
-    TOGGLE_BUTTON  : '[data-widget="site-search"]',
-    SEARCH_BLOCK   : '.site-search-block',
-    SEARCH_BACKDROP: '.site-search-backdrop',
-    SEARCH_INPUT   : '.site-search-block .form-control'
-  }
-
-  const ClassName = {
-    OPEN: 'site-search-open'
-  }
-
-  const Default = {
-    transitionSpeed: 300
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class SiteSearch {
-
-    constructor(_element, _options) {
-      this.element = _element
-      this.options = $.extend({}, Default, _options)
-    }
-
-    // Public
-
-    open() {
-      $(Selector.SEARCH_BLOCK).slideDown(this.options.transitionSpeed)
-      $(Selector.SEARCH_BACKDROP).show(0)
-      $(Selector.SEARCH_INPUT).focus()
-      $(Selector.SEARCH_BLOCK).addClass(ClassName.OPEN)
-    }
-
-    close() {
-      $(Selector.SEARCH_BLOCK).slideUp(this.options.transitionSpeed)
-      $(Selector.SEARCH_BACKDROP).hide(0)
-      $(Selector.SEARCH_BLOCK).removeClass(ClassName.OPEN)
-    }
-
-    toggle() {
-      if ($(Selector.SEARCH_BLOCK).hasClass(ClassName.OPEN)) {
-        this.close()
-      } else {
-        this.open()
-      }
-    }
-
-    // Static
-
-    static _jQueryInterface(options) {
-      return this.each(function () {
-        let data = $(this).data(DATA_KEY)
-
-        if (!data) {
-          data = new SiteSearch(this, options)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (!/toggle|close/.test(options)) {
-          throw Error(`Undefined method ${options}`)
-        }
-
-        data[options]()
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-  $(document).on('click', Selector.TOGGLE_BUTTON, (event) => {
-    event.preventDefault()
-
-    let button = $(event.currentTarget)
-
-    if (button.data('widget') !== 'site-search') {
-      button = button.closest(Selector.TOGGLE_BUTTON)
-    }
-
-    SiteSearch._jQueryInterface.call(button, 'toggle')
-  })
-
-  $(document).on('click', Selector.SEARCH_BACKDROP, (event) => {
-    const backdrop = $(event.currentTarget)
-    SiteSearch._jQueryInterface.call(backdrop, 'close')
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = SiteSearch._jQueryInterface
-  $.fn[NAME].Constructor = SiteSearch
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return SiteSearch._jQueryInterface
-  }
-
-  return SiteSearch
-})(jQuery)
-
-export default SiteSearch

build/js/TodoList.js

@@ -1,122 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE TodoList.js
- * License MIT
- * --------------------------------------------
- */
-
-const TodoList = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'TodoList'
-  const DATA_KEY           = 'lte.todolist'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Selector = {
-    DATA_TOGGLE: '[data-widget="todo-list"]'
-  }
-
-  const ClassName = {
-    TODO_LIST_DONE: 'done'
-  }
-
-  const Default = {
-    onCheck: function (item) {
-      return item;
-    },
-    onUnCheck: function (item) {
-      return item;
-    }
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class TodoList {
-    constructor(element, config) {
-      this._config  = config
-      this._element = element
-
-      this._init()
-    }
-
-    // Public
-
-    toggle(item) {
-      item.parents('li').toggleClass(ClassName.TODO_LIST_DONE);
-      if (! $(item).prop('checked')) {
-        this.unCheck($(item));
-        return;
-      }
-
-      this.check(item);
-    }
-
-    check (item) {
-      this._config.onCheck.call(item);
-    }
-
-    unCheck (item) {
-      this._config.onUnCheck.call(item);
-    }
-
-    // Private
-
-    _init() {
-      var that = this
-      $(Selector.DATA_TOGGLE).find('input:checkbox:checked').parents('li').toggleClass(ClassName.TODO_LIST_DONE)
-      $(Selector.DATA_TOGGLE).on('change', 'input:checkbox', (event) => {
-        that.toggle($(event.target))
-      })
-    }
-
-    // Static
-
-    static _jQueryInterface(config) {
-      return this.each(function () {
-        let data      = $(this).data(DATA_KEY)
-        const _config = $.extend({}, Default, $(this).data())
-
-        if (!data) {
-          data = new TodoList($(this), _config)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (config === 'init') {
-          data[config]()
-        }
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(window).on('load', () => {
-    TodoList._jQueryInterface.call($(Selector.DATA_TOGGLE))
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = TodoList._jQueryInterface
-  $.fn[NAME].Constructor = TodoList
-  $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return TodoList._jQueryInterface
-  }
-
-  return TodoList
-})(jQuery)
-
-export default TodoList

build/js/Treeview.js

@@ -1,162 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE Treeview.js
- * License MIT
- * --------------------------------------------
- */
-
-const Treeview = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'Treeview'
-  const DATA_KEY           = 'lte.treeview'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {
-    SELECTED     : `selected${EVENT_KEY}`,
-    EXPANDED     : `expanded${EVENT_KEY}`,
-    COLLAPSED    : `collapsed${EVENT_KEY}`,
-    LOAD_DATA_API: `load${EVENT_KEY}`
-  }
-
-  const Selector = {
-    LI           : '.nav-item',
-    LINK         : '.nav-link',
-    TREEVIEW_MENU: '.nav-treeview',
-    OPEN         : '.menu-open',
-    DATA_WIDGET  : '[data-widget="treeview"]'
-  }
-
-  const ClassName = {
-    LI           : 'nav-item',
-    LINK         : 'nav-link',
-    TREEVIEW_MENU: 'nav-treeview',
-    OPEN         : 'menu-open'
-  }
-
-  const Default = {
-    trigger       : `${Selector.DATA_WIDGET} ${Selector.LINK}`,
-    animationSpeed: 300,
-    accordion     : true
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-  class Treeview {
-    constructor(element, config) {
-      this._config  = config
-      this._element = element
-    }
-
-    // Public
-
-    init() {
-      this._setupListeners()
-    }
-
-    expand(treeviewMenu, parentLi) {
-      const expandedEvent = $.Event(Event.EXPANDED)
-
-      if (this._config.accordion) {
-        const openMenuLi   = parentLi.siblings(Selector.OPEN).first()
-        const openTreeview = openMenuLi.find(Selector.TREEVIEW_MENU).first()
-        this.collapse(openTreeview, openMenuLi)
-      }
-
-      treeviewMenu.stop().slideDown(this._config.animationSpeed, () => {
-        parentLi.addClass(ClassName.OPEN)
-        $(this._element).trigger(expandedEvent)
-      })
-    }
-
-    collapse(treeviewMenu, parentLi) {
-      const collapsedEvent = $.Event(Event.COLLAPSED)
-
-      treeviewMenu.stop().slideUp(this._config.animationSpeed, () => {
-        parentLi.removeClass(ClassName.OPEN)
-        $(this._element).trigger(collapsedEvent)
-        treeviewMenu.find(`${Selector.OPEN} > ${Selector.TREEVIEW_MENU}`).slideUp()
-        treeviewMenu.find(Selector.OPEN).removeClass(ClassName.OPEN)
-      })
-    }
-
-    toggle(event) {
-      const $relativeTarget = $(event.currentTarget)
-      const treeviewMenu    = $relativeTarget.next()
-
-      if (!treeviewMenu.is(Selector.TREEVIEW_MENU)) {
-        return
-      }
-
-      event.preventDefault()
-
-      const parentLi = $relativeTarget.parents(Selector.LI).first()
-      const isOpen   = parentLi.hasClass(ClassName.OPEN)
-
-      if (isOpen) {
-        this.collapse($(treeviewMenu), parentLi)
-      } else {
-        this.expand($(treeviewMenu), parentLi)
-      }
-    }
-
-    // Private
-
-    _setupListeners() {
-      $(document).on('click', this._config.trigger, (event) => {
-        this.toggle(event)
-      })
-    }
-
-    // Static
-
-    static _jQueryInterface(config) {
-      return this.each(function () {
-        let data      = $(this).data(DATA_KEY)
-        const _config = $.extend({}, Default, $(this).data())
-
-        if (!data) {
-          data = new Treeview($(this), _config)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (config === 'init') {
-          data[config]()
-        }
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(window).on(Event.LOAD_DATA_API, () => {
-    $(Selector.DATA_WIDGET).each(function () {
-      Treeview._jQueryInterface.call($(this), 'init')
-    })
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = Treeview._jQueryInterface
-  $.fn[NAME].Constructor = Treeview
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Treeview._jQueryInterface
-  }
-
-  return Treeview
-})(jQuery)
-
-export default Treeview

build/npm/Plugins.js

@@ -1,427 +0,0 @@
-const Plugins = [
-  // jQuery
-  {
-    from: 'node_modules/jquery/dist',
-    to  : 'plugins/jquery'
-  },
-  // Popper
-  {
-    from: 'node_modules/popper.js/dist',
-    to  : 'plugins/popper'
-  },
-  // Bootstrap
-  {
-    from: 'node_modules/bootstrap/dist/js',
-    to  : 'plugins/bootstrap/js'
-  },
-  // Font Awesome
-  {
-    from: 'node_modules/@fortawesome/fontawesome-free/css',
-    to  : 'plugins/fontawesome-free/css'
-  },
-  {
-    from: 'node_modules/@fortawesome/fontawesome-free/webfonts',
-    to  : 'plugins/fontawesome-free/webfonts'
-  },
-  // overlayScrollbars
-  {
-    from: 'node_modules/overlayscrollbars/js',
-    to  : 'plugins/overlayScrollbars/js'
-  },
-  {
-    from: 'node_modules/overlayscrollbars/css',
-    to  : 'plugins/overlayScrollbars/css'
-  },
-  // Chart.js
-  {
-    from: 'node_modules/chart.js/dist/',
-    to  : 'plugins/chart.js'
-  },
-  // jQuery UI
-  {
-    from: 'node_modules/jquery-ui-dist/',
-    to  : 'plugins/jquery-ui'
-  },
-  // Flot
-  {
-    from: 'node_modules/flot/dist/es5/',
-    to  : 'plugins/flot'
-  },
-  // Summernote
-  {
-    from: 'node_modules/summernote/dist/',
-    to  : 'plugins/summernote'
-  },
-  // Bootstrap Slider
-  {
-    from: 'node_modules/bootstrap-slider/dist/',
-    to  : 'plugins/bootstrap-slider'
-  },
-  {
-    from: 'node_modules/bootstrap-slider/dist/css',
-    to  : 'plugins/bootstrap-slider/css'
-  },
-  // Bootstrap Colorpicker
-  {
-    from: 'node_modules/bootstrap-colorpicker/dist/js',
-    to  : 'plugins/bootstrap-colorpicker/js'
-  },
-  {
-    from: 'node_modules/bootstrap-colorpicker/dist/css',
-    to  : 'plugins/bootstrap-colorpicker/css'
-  },
-  // Tempusdominus Bootstrap 4
-  {
-    from: 'node_modules/tempusdominus-bootstrap-4/build/js',
-    to  : 'plugins/tempusdominus-bootstrap-4/js'
-  },
-  {
-    from: 'node_modules/tempusdominus-bootstrap-4/build/css',
-    to  : 'plugins/tempusdominus-bootstrap-4/css'
-  },
-  // Moment
-  {
-    from: 'node_modules/moment/min',
-    to  : 'plugins/moment'
-  },
-  {
-    from: 'node_modules/moment/locale',
-    to  : 'plugins/moment/locale'
-  },
-  // FastClick
-  {
-    from: 'node_modules/fastclick/lib',
-    to  : 'plugins/fastclick'
-  },
-  // Date Range Picker
-  {
-    from: 'node_modules/daterangepicker/',
-    to  : 'plugins/daterangepicker'
-  },
-  // DataTables
-  {
-    from: 'node_modules/pdfmake/build',
-    to: 'plugins/pdfmake'
-  },
-  {
-    from: 'node_modules/jszip/dist',
-    to: 'plugins/jszip'
-  },
-  {
-    from: 'node_modules/datatables.net/js',
-    to: 'plugins/datatables'
-  },
-  {
-    from: 'node_modules/datatables.net-bs4/js',
-    to: 'plugins/datatables-bs4/js'
-  },
-  {
-    from: 'node_modules/datatables.net-bs4/css',
-    to: 'plugins/datatables-bs4/css'
-  },
-  {
-    from: 'node_modules/datatables.net-autofill/js',
-    to: 'plugins/datatables-autofill/js'
-  },
-  {
-    from: 'node_modules/datatables.net-autofill-bs4/js',
-    to: 'plugins/datatables-autofill/js'
-  },
-  {
-    from: 'node_modules/datatables.net-autofill-bs4/css',
-    to: 'plugins/datatables-autofill/css'
-  },
-  {
-    from: 'node_modules/datatables.net-buttons/js',
-    to: 'plugins/datatables-buttons/js'
-  },
-  {
-    from: 'node_modules/datatables.net-buttons-bs4/js',
-    to: 'plugins/datatables-buttons/js'
-  },
-  {
-    from: 'node_modules/datatables.net-buttons-bs4/css',
-    to: 'plugins/datatables-buttons/css'
-  },
-  {
-    from: 'node_modules/datatables.net-colreorder/js',
-    to: 'plugins/datatables-colreorder/js'
-  },
-  {
-    from: 'node_modules/datatables.net-colreorder-bs4/js',
-    to: 'plugins/datatables-colreorder/js'
-  },
-  {
-    from: 'node_modules/datatables.net-colreorder-bs4/css',
-    to: 'plugins/datatables-colreorder/css'
-  },
-  {
-    from: 'node_modules/datatables.net-fixedcolumns/js',
-    to: 'plugins/datatables-fixedcolumns/js'
-  },
-  {
-    from: 'node_modules/datatables.net-fixedcolumns-bs4/js',
-    to: 'plugins/datatables-fixedcolumns/js'
-  },
-  {
-    from: 'node_modules/datatables.net-fixedcolumns-bs4/css',
-    to: 'plugins/datatables-fixedcolumns/css'
-  },
-  {
-    from: 'node_modules/datatables.net-fixedheader/js',
-    to: 'plugins/datatables-fixedheader/js'
-  },
-  {
-    from: 'node_modules/datatables.net-fixedheader-bs4/js',
-    to: 'plugins/datatables-fixedheader/js'
-  },
-  {
-    from: 'node_modules/datatables.net-fixedheader-bs4/css',
-    to: 'plugins/datatables-fixedheader/css'
-  },
-  {
-    from: 'node_modules/datatables.net-keytable/js',
-    to: 'plugins/datatables-keytable/js'
-  },
-  {
-    from: 'node_modules/datatables.net-keytable-bs4/js',
-    to: 'plugins/datatables-keytable/js'
-  },
-  {
-    from: 'node_modules/datatables.net-keytable-bs4/css',
-    to: 'plugins/datatables-keytable/css'
-  },
-  {
-    from: 'node_modules/datatables.net-responsive/js',
-    to: 'plugins/datatables-responsive/js'
-  },
-  {
-    from: 'node_modules/datatables.net-responsive-bs4/js',
-    to: 'plugins/datatables-responsive/js'
-  },
-  {
-    from: 'node_modules/datatables.net-responsive-bs4/css',
-    to: 'plugins/datatables-responsive/css'
-  },
-  {
-    from: 'node_modules/datatables.net-rowgroup/js',
-    to: 'plugins/datatables-rowgroup/js'
-  },
-  {
-    from: 'node_modules/datatables.net-rowgroup-bs4/js',
-    to: 'plugins/datatables-rowgroup/js'
-  },
-  {
-    from: 'node_modules/datatables.net-rowgroup-bs4/css',
-    to: 'plugins/datatables-rowgroup/css'
-  },
-  {
-    from: 'node_modules/datatables.net-rowreorder/js',
-    to: 'plugins/datatables-rowreorder/js'
-  },
-  {
-    from: 'node_modules/datatables.net-rowreorder-bs4/js',
-    to: 'plugins/datatables-rowreorder/js'
-  },
-  {
-    from: 'node_modules/datatables.net-rowreorder-bs4/css',
-    to: 'plugins/datatables-rowreorder/css'
-  },
-  {
-    from: 'node_modules/datatables.net-scroller/js',
-    to: 'plugins/datatables-scroller/js'
-  },
-  {
-    from: 'node_modules/datatables.net-scroller-bs4/js',
-    to: 'plugins/datatables-scroller/js'
-  },
-  {
-    from: 'node_modules/datatables.net-scroller-bs4/css',
-    to: 'plugins/datatables-scroller/css'
-  },
-  {
-    from: 'node_modules/datatables.net-select/js',
-    to: 'plugins/datatables-select/js'
-  },
-  {
-    from: 'node_modules/datatables.net-select-bs4/js',
-    to: 'plugins/datatables-select/js'
-  },
-  {
-    from: 'node_modules/datatables.net-select-bs4/css',
-    to: 'plugins/datatables-select/css'
-  },
-
-  // Fullcalendar
-  {
-    from: 'node_modules/@fullcalendar/core/',
-    to  : 'plugins/fullcalendar'
-  },
-  {
-    from: 'node_modules/@fullcalendar/bootstrap/',
-    to  : 'plugins/fullcalendar-bootstrap'
-  },
-  {
-    from: 'node_modules/@fullcalendar/daygrid/',
-    to  : 'plugins/fullcalendar-daygrid'
-  },
-  {
-    from: 'node_modules/@fullcalendar/timegrid/',
-    to  : 'plugins/fullcalendar-timegrid'
-  },
-  {
-    from: 'node_modules/@fullcalendar/interaction/',
-    to  : 'plugins/fullcalendar-interaction'
-  },
-  // icheck bootstrap
-  {
-    from: 'node_modules/icheck-bootstrap/',
-    to  : 'plugins/icheck-bootstrap'
-  },
-  // inputmask
-  {
-    from: 'node_modules/inputmask/dist/',
-    to  : 'plugins/inputmask'
-  },
-  // ion-rangeslider
-  {
-    from: 'node_modules/ion-rangeslider/',
-    to  : 'plugins/ion-rangeslider'
-  },
-  // JQVMap (jqvmap-novulnerability)
-  {
-    from: 'node_modules/jqvmap-novulnerability/dist/',
-    to  : 'plugins/jqvmap'
-  },
-  // jQuery Mapael
-  {
-    from: 'node_modules/jquery-mapael/js/',
-    to  : 'plugins/jquery-mapael'
-  },
-  // Raphael
-  {
-    from: 'node_modules/raphael/',
-    to  : 'plugins/raphael'
-  },
-  // jQuery Mousewheel
-  {
-    from: 'node_modules/jquery-mousewheel/',
-    to  : 'plugins/jquery-mousewheel'
-  },
-  // jQuery Knob
-  {
-    from: 'node_modules/jquery-knob-chif/dist/',
-    to  : 'plugins/jquery-knob'
-  },
-  // pace-progress
-  {
-    from: 'node_modules/@lgaitan/pace-progress/dist/',
-    to  : 'plugins/pace-progress'
-  },
-  // Select2
-  {
-    from: 'node_modules/select2/dist/',
-    to  : 'plugins/select2'
-  },
-  {
-    from: 'node_modules/@ttskch/select2-bootstrap4-theme/dist/',
-    to  : 'plugins/select2-bootstrap4-theme'
-  },
-  // Sparklines
-  {
-    from: 'node_modules/sparklines/source/',
-    to  : 'plugins/sparklines'
-  },
-  // SweetAlert2
-  {
-    from: 'node_modules/sweetalert2/dist/',
-    to  : 'plugins/sweetalert2'
-  },
-  {
-    from: 'node_modules/@sweetalert2/theme-bootstrap-4/',
-    to  : 'plugins/sweetalert2-theme-bootstrap-4'
-  },
-  // Toastr
-  {
-    from: 'node_modules/toastr/build/',
-    to  : 'plugins/toastr'
-  },
-  // jsGrid
-  {
-    from: 'node_modules/jsgrid/dist',
-    to: 'plugins/jsgrid'
-  },
-  {
-    from: 'node_modules/jsgrid/demos/',
-    to: 'plugins/jsgrid/demos'
-  },
-  // flag-icon-css
-  {
-    from: 'node_modules/flag-icon-css/css',
-    to: 'plugins/flag-icon-css/css'
-  },
-  {
-    from: 'node_modules/flag-icon-css/flags',
-    to: 'plugins/flag-icon-css/flags'
-  },
-  // bootstrap4-duallistbox
-  {
-    from: 'node_modules/bootstrap4-duallistbox/dist',
-    to: 'plugins/bootstrap4-duallistbox/'
-  },
-  // filterizr
-  {
-    from: 'node_modules/filterizr/dist',
-    to: 'plugins/filterizr/'
-  },
-  // ekko-lightbox
-  {
-    from: 'node_modules/ekko-lightbox/dist',
-    to: 'plugins/ekko-lightbox/'
-  },
-
-  // AdminLTE Dist
-  {
-    from: 'dist/css',
-    to  : 'docs/assets/css'
-  },
-  {
-    from: 'dist/js',
-    to  : 'docs/assets/js'
-  },
-  // jQuery
-  {
-    from: 'node_modules/jquery/dist',
-    to  : 'docs/assets/plugins/jquery'
-  },
-  // Popper
-  {
-    from: 'node_modules/popper.js/dist',
-    to  : 'docs/assets/plugins/popper'
-  },
-  // Bootstrap
-  {
-    from: 'node_modules/bootstrap/dist/js',
-    to  : 'docs/assets/plugins/bootstrap/js'
-  },
-  // Font Awesome
-  {
-    from: 'node_modules/@fortawesome/fontawesome-free/css',
-    to  : 'docs/assets/plugins/fontawesome-free/css'
-  },
-  {
-    from: 'node_modules/@fortawesome/fontawesome-free/webfonts',
-    to  : 'docs/assets/plugins/fontawesome-free/webfonts'
-  },
-  // overlayScrollbars
-  {
-    from: 'node_modules/overlayscrollbars/js',
-    to  : 'docs/assets/plugins/overlayScrollbars/js'
-  },
-  {
-    from: 'node_modules/overlayscrollbars/css',
-    to  : 'docs/assets/plugins/overlayScrollbars/css'
-  }
-]
-
-module.exports = Plugins

build/npm/Publish.js

@@ -1,41 +0,0 @@
-const Plugins = require('./Plugins')
-const fse     = require('fs-extra')
-
-class Publish {
-  constructor() {
-    this.options = {
-      verbose: false
-    }
-
-    this.getArguments()
-  }
-
-  getArguments() {
-    if (process.argv.length > 2) {
-      let arg = process.argv[2]
-      switch (arg) {
-        case '-v':
-        case '--verbose':
-          this.options.verbose = true
-          break
-        default:
-          throw new Error(`Unknown option ${arg}`)
-      }
-    }
-  }
-
-  run() {
-    // Publish files
-    Plugins.forEach((module) => {
-      fse.copy(module.from, module.to, error => {
-        if (error) {
-          console.error(`Error: ${error}`)
-        } else if (this.options.verbose) {
-          console.log(`Copied ${module.from} to ${module.to}`)
-        }
-      })
-    })
-  }
-}
-
-(new Publish()).run()

build/scss/.csslintrc

@@ -1,23 +0,0 @@
-{
-  "adjoining-classes": false,
-  "box-sizing": false,
-  "box-model": false,
-  "compatible-vendor-prefixes": false,
-  "floats": false,
-  "font-sizes": false,
-  "gradients": false,
-  "important": false,
-  "known-properties": false,
-  "outline-none": false,
-  "qualified-headings": false,
-  "regex-selectors": false,
-  "shorthand": false,
-  "text-indent": false,
-  "unique-headings": false,
-  "universal-selector": false,
-  "unqualified-attributes": false,
-  "ids": false,
-  "fallback-colors": false,
-  "vendor-prefix": false,
-  "import": false
-}

build/scss/AdminLTE-raw.scss

@@ -1,81 +0,0 @@
-/*!
- *   AdminLTE v3.0.0-rc.1
- *   Author: Colorlib
- *	 Website: AdminLTE.io <http://adminlte.io>
- *   License: Open source - MIT <http://opensource.org/licenses/MIT>
- */
-//
-// ------------------------------------------------------------------
-// This file is to be included in your custom SCSS. Before importing
-// this file, you should include your custom AdminLTE and Bootstrap
-// variables followed by bootstrap.scss and then this file. It's
-// ok to import this file without custom variables too!
-// NOTE: be sure to keep the license notice in the generated css.
-// ------------------------------------------------------------------
-//
-// Variables and Mixins
-// ---------------------------------------------------
-@import 'bootstrap-variables';
-@import 'variables';
-@import 'mixins';
-
-// Core
-// ---------------------------------------------------
-@import 'layout';
-
-// Components
-// ---------------------------------------------------
-@import 'main-header';
-@import 'brand';
-@import 'main-sidebar';
-@import 'sidebar-mini';
-@import 'control-sidebar';
-@import 'dropdown';
-@import 'forms';
-@import 'progress-bars';
-@import 'small-box';
-@import 'cards';
-@import 'info-box';
-@import 'timeline';
-@import 'buttons';
-@import 'callout';
-@import 'alerts';
-@import 'navs';
-@import 'products';
-@import 'table';
-@import 'direct-chat';
-@import 'users-list';
-@import 'carousel';
-@import 'social-widgets';
-@import 'modals';
-
-// Pages
-// ---------------------------------------------------
-@import 'pages/mailbox';
-@import 'pages/lockscreen';
-@import 'pages/login_and_register';
-@import 'pages/404_500_errors';
-@import 'pages/invoice';
-@import 'pages/profile';
-@import 'pages/e_commerce';
-@import 'pages/projects';
-
-// Plugins
-// ---------------------------------------------------
-@import 'plugins/fullcalendar';
-@import 'plugins/select2';
-@import 'plugins/bootstrap-slider';
-@import 'plugins/icheck-bootstrap';
-@import 'plugins/mapael';
-@import 'plugins/jqvmap';
-@import 'plugins/sweetalert2';
-@import 'plugins/toastr';
-@import 'plugins/miscellaneous';
-
-// Miscellaneous
-// ---------------------------------------------------
-@import 'miscellaneous';
-@import 'print';
-@import 'text';
-@import 'elevation';
-@import 'colors';

build/scss/AdminLTE.scss

@@ -1,77 +0,0 @@
-/*!
- *   AdminLTE v3.0.0-rc.1
- *   Author: Colorlib
- *	 Website: AdminLTE.io <http://adminlte.io>
- *   License: Open source - MIT <http://opensource.org/licenses/MIT>
- */
-// Bootstrap
-// ---------------------------------------------------
-@import '~bootstrap/scss/functions';
-@import 'bootstrap-variables';
-@import '~bootstrap/scss/bootstrap';
-
-// Variables and Mixins
-// ---------------------------------------------------
-@import 'variables';
-@import 'mixins';
-
-// Core
-// ---------------------------------------------------
-@import 'layout';
-
-// Components
-// ---------------------------------------------------
-@import 'main-header';
-@import 'brand';
-@import 'main-sidebar';
-@import 'sidebar-mini';
-@import 'control-sidebar';
-@import 'dropdown';
-@import 'forms';
-@import 'progress-bars';
-@import 'small-box';
-@import 'cards';
-@import 'info-box';
-@import 'timeline';
-@import 'buttons';
-@import 'callout';
-@import 'alerts';
-@import 'navs';
-@import 'products';
-@import 'table';
-@import 'direct-chat';
-@import 'users-list';
-@import 'carousel';
-@import 'social-widgets';
-@import 'modals';
-
-// Pages
-// ---------------------------------------------------
-@import 'pages/mailbox';
-@import 'pages/lockscreen';
-@import 'pages/login_and_register';
-@import 'pages/404_500_errors';
-@import 'pages/invoice';
-@import 'pages/profile';
-@import 'pages/e_commerce';
-@import 'pages/projects';
-
-// Plugins
-// ---------------------------------------------------
-@import 'plugins/fullcalendar';
-@import 'plugins/select2';
-@import 'plugins/bootstrap-slider';
-@import 'plugins/icheck-bootstrap';
-@import 'plugins/mapael';
-@import 'plugins/jqvmap';
-@import 'plugins/sweetalert2';
-@import 'plugins/toastr';
-@import 'plugins/miscellaneous';
-
-// Miscellaneous
-// ---------------------------------------------------
-@import 'miscellaneous';
-@import 'print';
-@import 'text';
-@import 'elevation';
-@import 'colors';

build/scss/_alerts.scss

@@ -1,50 +0,0 @@
-//
-// Component: Alert
-//
-
-.alert {
-  .icon {
-    margin-right: 10px;
-  }
-
-  .close {
-    color: $black;
-    opacity: .2;
-
-    &:hover {
-      opacity: .5;
-    }
-  }
-
-  a {
-    color: $white;
-    text-decoration: underline;
-  }
-}
-
-//Alert Variants
-.alert-success {
-  @extend .bg-success;
-  border-color: darken(theme-color('success'), 5%);
-}
-
-.alert-danger,
-.alert-error {
-  @extend .bg-danger;
-  border-color: darken(theme-color('danger'), 5%);
-}
-
-.alert-warning {
-  @extend .bg-warning;
-  border-color: darken(theme-color('warning'), 5%);
-}
-
-.alert-info {
-  @extend .bg-info;
-  border-color: darken(theme-color('info'), 5%);
-}
-
-.alert-primary {
-  @extend .bg-primary;
-  border-color: darken(theme-color('primary'), 5%);
-}

build/scss/_bootstrap-variables.scss

@@ -1,896 +0,0 @@
-// Variables
-//
-// Variables should follow the `$component-state-property-size` formula for
-// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-
-
-//
-// Color system
-//
-
-// stylelint-disable
-$white:    #ffffff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black:    #000 !default;
-
-$grays: () !default;
-$grays: map-merge((
-        "100": $gray-100,
-        "200": $gray-200,
-        "300": $gray-300,
-        "400": $gray-400,
-        "500": $gray-500,
-        "600": $gray-600,
-        "700": $gray-700,
-        "800": $gray-800,
-        "900": $gray-900
-), $grays);
-
-$blue:    #007bff !default;
-$indigo:  #6610f2 !default;
-$purple:  #6f42c1 !default;
-$pink:    #e83e8c !default;
-$red:     #dc3545 !default;
-$orange:  #fd7e14 !default;
-$yellow:  #ffc107 !default;
-$green:   #28a745 !default;
-$teal:    #20c997 !default;
-$cyan:    #17a2b8 !default;
-
-$colors: () !default;
-$colors: map-merge((
-        "blue":       $blue,
-        "indigo":     $indigo,
-        "purple":     $purple,
-        "pink":       $pink,
-        "red":        $red,
-        "orange":     $orange,
-        "yellow":     $yellow,
-        "green":      $green,
-        "teal":       $teal,
-        "cyan":       $cyan,
-        "white":      $white,
-        "gray":       $gray-600,
-        "gray-dark":  $gray-800
-), $colors);
-
-$primary:       $blue !default;
-$secondary:     $gray-600 !default;
-$success:       $green !default;
-$info:          $cyan !default;
-$warning:       $yellow !default;
-$danger:        $red !default;
-$light:         $gray-100 !default;
-$dark:          $gray-800 !default;
-
-$theme-colors: () !default;
-$theme-colors: map-merge((
-        "primary":    $primary,
-        "secondary":  $secondary,
-        "success":    $success,
-        "info":       $info,
-        "warning":    $warning,
-        "danger":     $danger,
-        "light":      $light,
-        "dark":       $dark
-), $theme-colors);
-// stylelint-enable
-
-// Set a specific jump point for requesting color jumps
-$theme-color-interval:      8% !default;
-
-// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
-$yiq-contrasted-threshold: 150 !default;
-
-// Customize the light and dark text colors for use in our YIQ color contrast function.
-$yiq-text-dark: #1F2D3D !default;
-$yiq-text-light: $white !default;
-
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
-
-$enable-caret:              true !default;
-$enable-rounded:            true !default;
-$enable-shadows:            true !default;
-$enable-gradients:          false !default;
-$enable-transitions:        true !default;
-$enable-hover-media-query:  false !default; // Deprecated, no longer affects any compiled CSS
-$enable-grid-classes:       true !default;
-$enable-print-styles:       true !default;
-
-
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-// You can add more entries to the $spacers map, should you need more variation.
-
-// stylelint-disable
-$spacer: 1rem !default;
-$spacers: () !default;
-$spacers: map-merge((
-        0: 0,
-        1: ($spacer * .25),
-        2: ($spacer * .5),
-        3: $spacer,
-        4: ($spacer * 1.5),
-        5: ($spacer * 3)
-), $spacers);
-
-// This variable affects the `.h-*` and `.w-*` classes.
-$sizes: () !default;
-$sizes: map-merge((
-        25: 25%,
-        50: 50%,
-        75: 75%,
-        100: 100%
-), $sizes);
-// stylelint-enable
-
-// Body
-//
-// Settings for the `<body>` element.
-
-$body-bg:                   $white !default;
-$body-color:                $gray-900 !default;
-
-// Links
-//
-// Style anchor elements.
-
-$link-color:                theme-color("primary") !default;
-$link-decoration:           none !default;
-$link-hover-color:          darken($link-color, 15%) !default;
-$link-hover-decoration:     none !default;
-
-// Paragraphs
-//
-// Style p element.
-
-$paragraph-margin-bottom:   1rem !default;
-
-
-// Grid breakpoints
-//
-// Define the minimum dimensions at which your layout will change,
-// adapting to different screen sizes, for use in media queries.
-
-$grid-breakpoints: (
-        xs: 0,
-        sm: 576px,
-        md: 768px,
-        lg: 992px,
-        xl: 1200px
-) !default;
-
-@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
-@include _assert-starts-at-zero($grid-breakpoints);
-
-
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
-
-$container-max-widths: (
-        sm: 540px,
-        md: 720px,
-        lg: 960px,
-        xl: 1140px
-) !default;
-
-@include _assert-ascending($container-max-widths, "$container-max-widths");
-
-
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
-
-$grid-columns:                12 !default;
-$grid-gutter-width:           15px !default;
-
-// Components
-//
-// Define common padding and border radius sizes and more.
-
-$line-height-lg:              1.5 !default;
-$line-height-sm:              1.5 !default;
-
-$border-width:                1px !default;
-$border-color:                $gray-300 !default;
-
-$border-radius:               .25rem !default;
-$border-radius-lg:            .3rem !default;
-$border-radius-sm:            .2rem !default;
-
-$component-active-color:      $white !default;
-$component-active-bg:         theme-color("primary") !default;
-
-$caret-width:                 .3em !default;
-
-$transition-base:             all .2s ease-in-out !default;
-$transition-fade:             opacity .15s linear !default;
-$transition-collapse:         height .35s ease !default;
-
-
-// Fonts
-//
-// Font, line-height, and color for body text, headings, and more.
-
-// stylelint-disable value-keyword-case
-$font-family-sans-serif:      "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
-$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-$font-family-base:            $font-family-sans-serif !default;
-// stylelint-enable value-keyword-case
-
-$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
-$font-size-lg:                ($font-size-base * 1.25) !default;
-$font-size-sm:                ($font-size-base * .875) !default;
-
-$font-weight-light:           300 !default;
-$font-weight-normal:          400 !default;
-$font-weight-bold:            700 !default;
-
-$font-weight-base:            $font-weight-normal !default;
-$line-height-base:            1.5 !default;
-
-$h1-font-size:                $font-size-base * 2.5 !default;
-$h2-font-size:                $font-size-base * 2 !default;
-$h3-font-size:                $font-size-base * 1.75 !default;
-$h4-font-size:                $font-size-base * 1.5 !default;
-$h5-font-size:                $font-size-base * 1.25 !default;
-$h6-font-size:                $font-size-base !default;
-
-$headings-margin-bottom:      ($spacer / 2) !default;
-$headings-font-family:        inherit !default;
-$headings-font-weight:        500 !default;
-$headings-line-height:        1.2 !default;
-$headings-color:              inherit !default;
-
-$display1-size:               6rem !default;
-$display2-size:               5.5rem !default;
-$display3-size:               4.5rem !default;
-$display4-size:               3.5rem !default;
-
-$display1-weight:             300 !default;
-$display2-weight:             300 !default;
-$display3-weight:             300 !default;
-$display4-weight:             300 !default;
-$display-line-height:         $headings-line-height !default;
-
-$lead-font-size:              ($font-size-base * 1.25) !default;
-$lead-font-weight:            300 !default;
-
-$small-font-size:             80% !default;
-
-$text-muted:                  $gray-600 !default;
-
-$blockquote-small-color:      $gray-600 !default;
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-
-$hr-border-color:             rgba($black, .1) !default;
-$hr-border-width:             $border-width !default;
-
-$mark-padding:                .2em !default;
-
-$dt-font-weight:              $font-weight-bold !default;
-
-$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
-$nested-kbd-font-weight:      $font-weight-bold !default;
-
-$list-inline-padding:         .5rem !default;
-
-$mark-bg:                     #fcf8e3 !default;
-
-$hr-margin-y:                 $spacer !default;
-
-
-// Tables
-//
-// Customizes the `.table` component with basic values, each used across all table variations.
-
-$table-cell-padding:          .75rem !default;
-$table-cell-padding-sm:       .3rem !default;
-
-$table-bg:                    transparent !default;
-$table-accent-bg:             rgba($black, .05) !default;
-$table-hover-bg:              rgba($black, .075) !default;
-$table-active-bg:             $table-hover-bg !default;
-
-$table-border-width:          $border-width !default;
-$table-border-color:          $gray-300 !default;
-
-$table-head-bg:               $gray-200 !default;
-$table-head-color:            $gray-700 !default;
-
-$table-dark-bg:               $gray-900 !default;
-$table-dark-accent-bg:        rgba($white, .05) !default;
-$table-dark-hover-bg:         rgba($white, .075) !default;
-$table-dark-border-color:     lighten($gray-900, 10%) !default;
-$table-dark-color:            $body-bg !default;
-
-
-// Buttons + Forms
-//
-// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
-
-$input-btn-padding-y:         .375rem !default;
-$input-btn-padding-x:         .75rem !default;
-$input-btn-line-height:       $line-height-base !default;
-
-$input-btn-focus-width:       .2rem !default;
-$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
-$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
-
-$input-btn-padding-y-sm:      .25rem !default;
-$input-btn-padding-x-sm:      .5rem !default;
-$input-btn-line-height-sm:    $line-height-sm !default;
-
-$input-btn-padding-y-lg:      .5rem !default;
-$input-btn-padding-x-lg:      1rem !default;
-$input-btn-line-height-lg:    $line-height-lg !default;
-
-$input-btn-border-width:      $border-width !default;
-
-
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background, and border color.
-
-$btn-padding-y:               $input-btn-padding-y !default;
-$btn-padding-x:               $input-btn-padding-x !default;
-$btn-line-height:             $input-btn-line-height !default;
-
-$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
-$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
-$btn-line-height-sm:          $input-btn-line-height-sm !default;
-
-$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
-$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
-$btn-line-height-lg:          $input-btn-line-height-lg !default;
-
-$btn-border-width:            $input-btn-border-width !default;
-
-$btn-font-weight:             $font-weight-normal !default;
-$btn-box-shadow:              none !default;
-$btn-focus-width:             0 !default;
-$btn-focus-box-shadow:        none !default;
-$btn-disabled-opacity:        .65 !default;
-$btn-active-box-shadow:       none !default;
-
-$btn-link-disabled-color:     $gray-600 !default;
-
-$btn-block-spacing-y:         .5rem !default;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius:           $border-radius !default;
-$btn-border-radius-lg:        $border-radius-lg !default;
-$btn-border-radius-sm:        $border-radius-sm !default;
-
-$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-
-// Forms
-
-$input-padding-y:                       $input-btn-padding-y !default;
-$input-padding-x:                       $input-btn-padding-x !default;
-$input-line-height:                     $input-btn-line-height !default;
-
-$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
-$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
-$input-line-height-sm:                  $input-btn-line-height-sm !default;
-
-$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
-$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
-$input-line-height-lg:                  $input-btn-line-height-lg !default;
-
-$input-bg:                              $white !default;
-$input-disabled-bg:                     $gray-200 !default;
-
-$input-color:                           $gray-700 !default;
-$input-border-color:                    $gray-400 !default;
-$input-border-width:                    $input-btn-border-width !default;
-$input-box-shadow:                      inset 0 0 0 rgba($black, 0) !default;
-
-$input-border-radius:                   $border-radius !default;
-$input-border-radius-lg:                $border-radius-lg !default;
-$input-border-radius-sm:                $border-radius-sm !default;
-
-$input-focus-bg:                        $input-bg !default;
-$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
-$input-focus-color:                     $input-color !default;
-$input-focus-width:                     0 !default;
-$input-focus-box-shadow:                none !default;
-
-$input-placeholder-color:               $gray-600 !default;
-
-$input-height-border:                   $input-border-width * 2 !default;
-
-$input-height-inner:                    ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
-$input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;
-
-$input-height-inner-sm:                 ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
-$input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
-
-$input-height-inner-lg:                 ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
-$input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
-
-$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-$form-text-margin-top:                  .25rem !default;
-
-$form-check-input-gutter:               1.25rem !default;
-$form-check-input-margin-y:             .3rem !default;
-$form-check-input-margin-x:             .25rem !default;
-
-$form-check-inline-margin-x:            .75rem !default;
-$form-check-inline-input-margin-x:      .3125rem !default;
-
-$form-group-margin-bottom:              1rem !default;
-
-$input-group-addon-color:               $input-color !default;
-$input-group-addon-bg:                  $gray-200 !default;
-$input-group-addon-border-color:        $input-border-color !default;
-
-$custom-control-gutter:                 1.5rem !default;
-$custom-control-spacer-x:               1rem !default;
-
-$custom-control-indicator-size:         1rem !default;
-$custom-control-indicator-bg:           $gray-300 !default;
-$custom-control-indicator-bg-size:      50% 50% !default;
-$custom-control-indicator-box-shadow:   inset 0 .25rem .25rem rgba($black, .1) !default;
-
-$custom-control-indicator-disabled-bg:          $gray-200 !default;
-$custom-control-label-disabled-color:           $gray-600 !default;
-
-$custom-control-indicator-checked-color:        $component-active-color !default;
-$custom-control-indicator-checked-bg:           $component-active-bg !default;
-$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
-$custom-control-indicator-checked-box-shadow:   none !default;
-
-$custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
-
-$custom-control-indicator-active-color:         $component-active-color !default;
-$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
-$custom-control-indicator-active-box-shadow:    none !default;
-
-$custom-checkbox-indicator-border-radius:       $border-radius !default;
-$custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-checkbox-indicator-indeterminate-bg:    $component-active-bg !default;
-$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
-$custom-checkbox-indicator-icon-indeterminate:  str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
-
-$custom-radio-indicator-border-radius:          50% !default;
-$custom-radio-indicator-icon-checked:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-select-padding-y:           .375rem !default;
-$custom-select-padding-x:          .75rem !default;
-$custom-select-height:              $input-height !default;
-$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
-$custom-select-line-height:         $input-btn-line-height !default;
-$custom-select-color:               $input-color !default;
-$custom-select-disabled-color:      $gray-600 !default;
-$custom-select-bg:                  $white !default;
-$custom-select-disabled-bg:         $gray-200 !default;
-$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
-$custom-select-indicator-color:     $gray-800 !default;
-$custom-select-indicator:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-select-border-width:        $input-btn-border-width !default;
-$custom-select-border-color:        $input-border-color !default;
-$custom-select-border-radius:       $border-radius !default;
-
-$custom-select-focus-border-color:  $input-focus-border-color !default;
-$custom-select-focus-box-shadow:    none !default;
-
-$custom-select-font-size-sm:        75% !default;
-$custom-select-height-sm:           $input-height-sm !default;
-
-$custom-select-font-size-lg:        125% !default;
-$custom-select-height-lg:           $input-height-lg !default;
-
-$custom-file-height:                $input-height !default;
-$custom-file-focus-border-color:    $input-focus-border-color !default;
-$custom-file-focus-box-shadow:      $custom-select-focus-box-shadow !default;
-
-$custom-file-padding-y:             $input-btn-padding-y !default;
-$custom-file-padding-x:             $input-btn-padding-x !default;
-$custom-file-line-height:           $input-btn-line-height !default;
-$custom-file-color:                 $input-color !default;
-$custom-file-bg:                    $input-bg !default;
-$custom-file-border-width:          $input-btn-border-width !default;
-$custom-file-border-color:          $input-border-color !default;
-$custom-file-border-radius:         $input-border-radius !default;
-$custom-file-box-shadow:            $custom-select-focus-box-shadow !default;
-$custom-file-button-color:          $custom-file-color !default;
-$custom-file-button-bg:             $input-group-addon-bg !default;
-$custom-file-text: (
-        en: "Browse"
-) !default;
-
-$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
-
-
-// Form validation
-$form-feedback-margin-top:          $form-text-margin-top !default;
-$form-feedback-font-size:           $small-font-size !default;
-$form-feedback-valid-color:         theme-color("success") !default;
-$form-feedback-invalid-color:       theme-color("danger") !default;
-
-
-// Dropdowns
-//
-// Dropdown menu container and contents.
-
-$dropdown-min-width:                10rem !default;
-$dropdown-padding-y:                .5rem !default;
-$dropdown-spacer:                   .125rem !default;
-$dropdown-bg:                       $white !default;
-$dropdown-border-color:             rgba($black, .15) !default;
-$dropdown-border-radius:            $border-radius !default;
-$dropdown-border-width:             $border-width !default;
-$dropdown-divider-bg:               $gray-200 !default;
-$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
-
-$dropdown-link-color:               $gray-900 !default;
-$dropdown-link-hover-color:         darken($gray-900, 5%) !default;
-$dropdown-link-hover-bg:            $gray-100 !default;
-
-$dropdown-link-active-color:        $component-active-color !default;
-$dropdown-link-active-bg:           $component-active-bg !default;
-
-$dropdown-link-disabled-color:      $gray-600 !default;
-
-$dropdown-item-padding-y:           .25rem !default;
-$dropdown-item-padding-x:           1rem !default;
-
-$dropdown-header-color:             $gray-600 !default;
-
-
-// Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-
-$zindex-dropdown:                   1000 !default;
-$zindex-sticky:                     1020 !default;
-$zindex-fixed:                      1030 !default;
-$zindex-modal-backdrop:             1040 !default;
-$zindex-modal:                      1050 !default;
-$zindex-popover:                    1060 !default;
-$zindex-tooltip:                    1070 !default;
-
-// Navs
-
-$nav-link-padding-y:                .5rem !default;
-$nav-link-padding-x:                1rem !default;
-$nav-link-disabled-color:           $gray-600 !default;
-
-$nav-tabs-border-color:             $gray-300 !default;
-$nav-tabs-border-width:             $border-width !default;
-$nav-tabs-border-radius:            $border-radius !default;
-$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
-$nav-tabs-link-active-color:        $gray-700 !default;
-$nav-tabs-link-active-bg:           $body-bg !default;
-$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
-
-$nav-pills-border-radius:           $border-radius !default;
-$nav-pills-link-active-color:       $component-active-color !default;
-$nav-pills-link-active-bg:          $component-active-bg !default;
-
-// Navbar
-
-$navbar-padding-y:                  ($spacer / 2) !default;
-$navbar-padding-x:                  ($spacer / 2) !default;
-
-$navbar-nav-link-padding-x:         1rem !default;
-
-$navbar-brand-font-size:            $font-size-lg !default;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
-$nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
-$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
-$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
-
-$navbar-toggler-padding-y:          .25rem !default;
-$navbar-toggler-padding-x:          .75rem !default;
-$navbar-toggler-font-size:          $font-size-lg !default;
-$navbar-toggler-border-radius:      $btn-border-radius !default;
-
-$navbar-dark-color:                 rgba($white, .75) !default;
-$navbar-dark-hover-color:           rgba($white, 1) !default;
-$navbar-dark-active-color:          $white !default;
-$navbar-dark-disabled-color:        rgba($white, .25) !default;
-$navbar-dark-toggler-icon-bg:       str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
-
-$navbar-light-color:                rgba($black, .5) !default;
-$navbar-light-hover-color:          rgba($black, .7) !default;
-$navbar-light-active-color:         rgba($black, .9) !default;
-$navbar-light-disabled-color:       rgba($black, .3) !default;
-$navbar-light-toggler-icon-bg:      str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-light-toggler-border-color: rgba($black, .1) !default;
-
-// Pagination
-
-$pagination-padding-y:              .5rem !default;
-$pagination-padding-x:              .75rem !default;
-$pagination-padding-y-sm:           .25rem !default;
-$pagination-padding-x-sm:           .5rem !default;
-$pagination-padding-y-lg:           .75rem !default;
-$pagination-padding-x-lg:           1.5rem !default;
-$pagination-line-height:            1.25 !default;
-
-$pagination-color:                  $link-color !default;
-$pagination-bg:                     $white !default;
-$pagination-border-width:           $border-width !default;
-$pagination-border-color:           $gray-300 !default;
-
-$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
-
-$pagination-hover-color:            $link-hover-color !default;
-$pagination-hover-bg:               $gray-200 !default;
-$pagination-hover-border-color:     $gray-300 !default;
-
-$pagination-active-color:           $component-active-color !default;
-$pagination-active-bg:              $component-active-bg !default;
-$pagination-active-border-color:    $pagination-active-bg !default;
-
-$pagination-disabled-color:         $gray-600 !default;
-$pagination-disabled-bg:            $white !default;
-$pagination-disabled-border-color:  $gray-300 !default;
-
-
-// Jumbotron
-
-$jumbotron-padding:                 2rem !default;
-$jumbotron-bg:                      $gray-200 !default;
-
-
-// Cards
-
-$card-spacer-y:                     .75rem !default;
-$card-spacer-x:                     1.25rem !default;
-$card-border-width:                 0 !default; //$border-width !default;
-$card-border-radius:                $border-radius !default;
-$card-border-color:                 rgba($black, .125) !default;
-$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
-$card-cap-bg:                       rgba($black, .03) !default;
-$card-bg:                           $white !default;
-
-$card-img-overlay-padding:          1.25rem !default;
-
-$card-group-margin:                 ($grid-gutter-width / 2) !default;
-$card-deck-margin:                  $card-group-margin !default;
-
-$card-columns-count:                3 !default;
-$card-columns-gap:                  1.25rem !default;
-$card-columns-margin:               $card-spacer-y !default;
-
-
-// Tooltips
-
-$tooltip-font-size:           $font-size-sm !default;
-$tooltip-max-width:           200px !default;
-$tooltip-color:               $white !default;
-$tooltip-bg:                  $black !default;
-$tooltip-border-radius:        $border-radius !default;
-$tooltip-opacity:             .9 !default;
-$tooltip-padding-y:           .25rem !default;
-$tooltip-padding-x:           .5rem !default;
-$tooltip-margin:              0 !default;
-
-$tooltip-arrow-width:         .8rem !default;
-$tooltip-arrow-height:        .4rem !default;
-$tooltip-arrow-color:         $tooltip-bg !default;
-
-
-// Popovers
-
-$popover-font-size:                 $font-size-sm !default;
-$popover-bg:                        $white !default;
-$popover-max-width:                 276px !default;
-$popover-border-width:              $border-width !default;
-$popover-border-color:              rgba($black, .2) !default;
-$popover-border-radius:             $border-radius-lg !default;
-$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
-
-$popover-header-bg:                 darken($popover-bg, 3%) !default;
-$popover-header-color:              $headings-color !default;
-$popover-header-padding-y:          .5rem !default;
-$popover-header-padding-x:          .75rem !default;
-
-$popover-body-color:                $body-color !default;
-$popover-body-padding-y:            $popover-header-padding-y !default;
-$popover-body-padding-x:            $popover-header-padding-x !default;
-
-$popover-arrow-width:               1rem !default;
-$popover-arrow-height:              .5rem !default;
-$popover-arrow-color:               $popover-bg !default;
-
-$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
-
-
-// Badges
-
-$badge-font-size:                   75% !default;
-$badge-font-weight:                 $font-weight-bold !default;
-$badge-padding-y:                   .25em !default;
-$badge-padding-x:                   .4em !default;
-$badge-border-radius:               $border-radius !default;
-
-$badge-pill-padding-x:              .6em !default;
-// Use a higher than normal value to ensure completely rounded edges when
-// customizing padding or font-size on labels.
-$badge-pill-border-radius:          10rem !default;
-
-
-// Modals
-
-// Padding applied to the modal body
-$modal-inner-padding:         1rem !default;
-
-$modal-dialog-margin:         .5rem !default;
-$modal-dialog-margin-y-sm-up: 1.75rem !default;
-
-$modal-title-line-height:           $line-height-base !default;
-
-$modal-content-bg:               $white !default;
-$modal-content-border-color:     rgba($black, .2) !default;
-$modal-content-border-width:     $border-width !default;
-$modal-content-box-shadow-xs:    0 .25rem .5rem rgba($black, .5) !default;
-$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
-
-$modal-backdrop-bg:           $black !default;
-$modal-backdrop-opacity:      .5 !default;
-$modal-header-border-color:   $gray-200 !default;
-$modal-footer-border-color:   $modal-header-border-color !default;
-$modal-header-border-width:   $modal-content-border-width !default;
-$modal-footer-border-width:   $modal-header-border-width !default;
-$modal-header-padding:        1rem !default;
-
-$modal-lg:                          800px !default;
-$modal-md:                          500px !default;
-$modal-sm:                          300px !default;
-
-$modal-transition:                  transform .3s ease-out !default;
-
-
-// Alerts
-//
-// Define alert colors, border radius, and padding.
-
-$alert-padding-y:                   .75rem !default;
-$alert-padding-x:                   1.25rem !default;
-$alert-margin-bottom:               1rem !default;
-$alert-border-radius:               $border-radius !default;
-$alert-link-font-weight:            $font-weight-bold !default;
-$alert-border-width:                $border-width !default;
-
-$alert-bg-level:                    -10 !default;
-$alert-border-level:                -9 !default;
-$alert-color-level:                 6 !default;
-
-
-// Progress bars
-
-$progress-height:                   1rem !default;
-$progress-font-size:                ($font-size-base * .75) !default;
-$progress-bg:                       $gray-200 !default;
-$progress-border-radius:            $border-radius !default;
-$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
-$progress-bar-color:                $white !default;
-$progress-bar-bg:                   theme-color("primary") !default;
-$progress-bar-animation-timing:     1s linear infinite !default;
-$progress-bar-transition:           width .6s ease !default;
-
-// List group
-
-$list-group-bg:                     $white !default;
-$list-group-border-color:           rgba($black, .125) !default;
-$list-group-border-width:           $border-width !default;
-$list-group-border-radius:          $border-radius !default;
-
-$list-group-item-padding-y:         .75rem !default;
-$list-group-item-padding-x:         1.25rem !default;
-
-$list-group-hover-bg:               $gray-100 !default;
-$list-group-active-color:           $component-active-color !default;
-$list-group-active-bg:              $component-active-bg !default;
-$list-group-active-border-color:    $list-group-active-bg !default;
-
-$list-group-disabled-color:         $gray-600 !default;
-$list-group-disabled-bg:            $list-group-bg !default;
-
-$list-group-action-color:           $gray-700 !default;
-$list-group-action-hover-color:     $list-group-action-color !default;
-
-$list-group-action-active-color:    $body-color !default;
-$list-group-action-active-bg:       $gray-200 !default;
-
-
-// Image thumbnails
-
-$thumbnail-padding:                 .25rem !default;
-$thumbnail-bg:                      $body-bg !default;
-$thumbnail-border-width:            $border-width !default;
-$thumbnail-border-color:            $gray-300 !default;
-$thumbnail-border-radius:           $border-radius !default;
-$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
-
-
-// Figures
-
-$figure-caption-font-size:          90% !default;
-$figure-caption-color:              $gray-600 !default;
-
-
-// Breadcrumbs
-
-$breadcrumb-padding-y:              .75rem !default;
-$breadcrumb-padding-x:              1rem !default;
-$breadcrumb-item-padding:           .5rem !default;
-
-$breadcrumb-margin-bottom:          1rem !default;
-
-$breadcrumb-bg:                     $gray-200 !default;
-$breadcrumb-divider-color:          $gray-600 !default;
-$breadcrumb-active-color:           $gray-600 !default;
-$breadcrumb-divider:                "/" !default;
-
-
-// Carousel
-
-$carousel-control-color:            $white !default;
-$carousel-control-width:            15% !default;
-$carousel-control-opacity:          .5 !default;
-
-$carousel-indicator-width:          30px !default;
-$carousel-indicator-height:         3px !default;
-$carousel-indicator-spacer:         3px !default;
-$carousel-indicator-active-bg:      $white !default;
-
-$carousel-caption-width:            70% !default;
-$carousel-caption-color:            $white !default;
-
-$carousel-control-icon-width:       20px !default;
-
-$carousel-control-prev-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$carousel-control-next-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$carousel-transition:               transform .6s ease !default;
-
-
-// Close
-
-$close-font-size:                   $font-size-base * 1.5 !default;
-$close-font-weight:                 $font-weight-bold !default;
-$close-color:                       $black !default;
-$close-text-shadow:                 0 1px 0 $white !default;
-
-// Code
-
-$code-font-size:                    87.5% !default;
-$code-color:                        $pink !default;
-
-$kbd-padding-y:                     .2rem !default;
-$kbd-padding-x:                     .4rem !default;
-$kbd-font-size:                     $code-font-size !default;
-$kbd-color:                         $white !default;
-$kbd-bg:                            $gray-900 !default;
-
-$pre-color:                         $gray-900 !default;
-$pre-scrollable-max-height:         340px !default;
-
-
-// Printing
-$print-page-size:                   a3 !default;
-$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;

build/scss/_brand.scss

@@ -1,56 +0,0 @@
-//
-// Component: Brand
-//
-
-.brand-link {
-  $brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
-  display: block;
-  font-size: $navbar-brand-font-size;
-  line-height: $line-height-lg;
-  padding: $brand-link-padding-y $sidebar-padding-x;
-  transition: width $transition-speed $transition-fn;
-  white-space: nowrap;
-
-  &:hover {
-    color: $white;
-    text-decoration: none;
-  }
-
-  [class*='sidebar-dark'] & {
-    border-bottom: 1px solid lighten($dark, 10%);
-    color: rgba($white, .8);
-  }
-
-  [class*='sidebar-light'] & {
-    border-bottom: 1px solid $gray-300;
-    color: rgba($black, .8);
-  }
-}
-
-.brand-image {
-  float: left;
-  line-height: .8;
-  margin-left: .8rem;
-  margin-right: .5rem;
-  margin-top: -3px;
-  max-height: 33px;
-  width: auto;
-}
-
-.brand-image-xs {
-  float: left;
-  line-height: .8;
-  margin-left: .8rem;
-  margin-right: .5rem;
-  margin-top: -3px;
-  max-height: 33px;
-  width: auto;
-}
-
-.brand-image-xl {
-  line-height: .8;
-  margin-bottom: -10px;
-  margin-top: -14px;
-  max-height: 40px;
-  width: auto;
-}

build/scss/_buttons.scss

@@ -1,99 +0,0 @@
-//
-// Component: Button
-//
-
-.btn {
-  // Flat buttons
-  &.btn-flat {
-    @include border-radius(0);
-    border-width: 1px;
-    box-shadow: none;
-  }
-
-  // input file btn
-  &.btn-file {
-    overflow: hidden;
-    position: relative;
-
-    > input[type='file'] {
-      background: $white;
-      cursor: inherit;
-      display: block;
-      font-size: 100px;
-      min-height: 100%;
-      min-width: 100%;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      right: 0;
-      text-align: right;
-      top: 0;
-    }
-  }
-}
-
-// Button color variations
-.btn-default {
-  background-color: $button-default-background-color;
-  border-color: $button-default-border-color;
-  color: $button-default-color;
-
-  &:hover,
-  &:active,
-  &.hover {
-    background-color: darken($button-default-background-color, 5%);
-    color: darken($button-default-color, 10%);
-  }
-}
-
-// Application buttons
-.btn-app {
-  @include border-radius(3px);
-  background-color: $button-default-background-color;
-  border: 1px solid $button-default-border-color;
-  color: $gray-600;
-  font-size: 12px;
-  height: 60px;
-  margin: 0 0 10px 10px;
-  min-width: 80px;
-  padding: 15px 5px;
-  position: relative;
-  text-align: center;
-
-  // Icons within the btn
-  > .fa,
-  > .fas,
-  > .far,
-  > .fab,
-  > .glyphicon,
-  > .ion {
-    display: block;
-    font-size: 20px;
-  }
-
-  &:hover {
-    background: $button-default-background-color;
-    border-color: darken($button-default-border-color, 20%);
-    color: $button-default-color;
-  }
-
-  &:active,
-  &:focus {
-    @include box-shadow(inset 0 3px 5px rgba($black, 0.125));
-  }
-
-  // The badge
-  > .badge {
-    font-size: 10px;
-    font-weight: 400;
-    position: absolute;
-    right: -10px;
-    top: -3px;
-  }
-}
-
-// Extra Button Size
-
-.btn-xs {
-  @include button-size($button-padding-y-xs, $button-padding-x-xs, $button-font-size-xs, $button-line-height-xs, $button-border-radius-xs);
-}

build/scss/_callout.scss

@@ -1,51 +0,0 @@
-//
-// Component: Callout
-//
-
-// Base styles (regardless of theme)
-.callout {
-  @if $enable-rounded {
-    @include border-radius($border-radius);
-  }
-
-  @if $enable-shadows {
-    @extend .elevation-1;
-  } @else {
-    border: 1px solid $gray-300;
-  }
-
-  @extend .mb-3;
-  background-color: $white;
-  border-left: 5px solid $gray-200;
-  padding: 1rem;
-
-  a {
-    color: $gray-700;
-    text-decoration: underline;
-
-    &:hover {
-      color: $gray-200;
-    }
-  }
-
-  p:last-child {
-    margin-bottom: 0;
-  }
-
-  // Themes for different contexts
-  &.callout-danger {
-    border-left-color: darken(theme-color('danger'), 10%);
-  }
-
-  &.callout-warning {
-    border-left-color: darken(theme-color('warning'), 10%);
-  }
-
-  &.callout-info {
-    border-left-color: darken(theme-color('info'), 10%);
-  }
-
-  &.callout-success {
-    border-left-color: darken(theme-color('success'), 10%);
-  }
-}

build/scss/_cards.scss

@@ -1,335 +0,0 @@
-//
-// Component: Cards
-//
-
-.card {
-  @extend .mb-3;
-  @include box-shadow($card-shadow);
-
-  &.bg-dark {
-    .card-header {
-      border-color: $card-dark-border-color;
-    }
-
-    &,
-    .card-body {
-      color: $white;
-    }
-  }
-
-  &.maximized-card {
-    height: 100% !important;
-    left: 0;
-    max-height: 100% !important;
-    max-width: 100% !important;
-    position: fixed;
-    top: 0;
-    width: 100% !important;
-    z-index: 9999;
-
-    &.was-collapsed .card-body {
-      display: block !important;
-    }
-
-    [data-widget='collapse'] {
-      display: none;
-    }
-
-    .card-header,
-    .card-footer {
-      @include border-radius(0 !important);
-    }
-  }
-
-  // collapsed mode
-  &.collapsed-card {
-    .card-body,
-    .card-footer {
-      display: none;
-    }
-  }
-
-  .nav.flex-column {
-    > li {
-      border-bottom: 1px solid $card-border-color;
-      margin: 0;
-
-      &:last-of-type {
-        border-bottom: 0;
-      }
-    }
-  }
-
-  // fixed height to 300px
-  &.height-control {
-    .card-body {
-      max-height: 300px;
-      overflow: auto;
-    }
-  }
-
-  .border-right {
-    border-right: 1px solid $card-border-color;
-  }
-
-  .border-left {
-    border-left: 1px solid $card-border-color;
-  }
-}
-
-// Maximized Card Body Scroll fix
-html.maximized-card {
-  overflow: hidden;
-}
-
-// Add clearfix to header, body and footer
-.card-header,
-.card-body,
-.card-footer {
-  @include clearfix;
-}
-
-// Box header
-.card-header {
-  background-color: transparent;
-  border-bottom: 1px solid $card-border-color;
-  position: relative;
-  padding: (($card-spacer-y / 2) * 2) $card-spacer-x;
-
-  @if $enable-rounded {
-    @include border-top-radius($border-radius);
-  }
-
-  .collapsed-card & {
-    border-bottom: 0;
-  }
-
-  > .card-tools {
-    float: right;
-    margin-right: -$card-spacer-x/2;
-
-    [data-toggle='tooltip'] {
-      position: relative;
-    }
-  }
-}
-
-.card-title {
-  float: left;
-  font-size: $card-title-font-size;
-  font-weight: $card-title-font-weight;
-  margin: 0;
-}
-
-// Box Tools Buttons
-.btn-tool {
-  background: transparent;
-  color: $gray-500;
-  font-size: $font-size-sm;
-  margin: -(($card-spacer-y / 2) * 2) 0;
-  padding: .25rem .5rem;
-
-  .btn-group.show &,
-  &:hover {
-    color: $gray-700;
-  }
-
-  .show &,
-  &:focus {
-    box-shadow: none !important;
-  }
-}
-
-// Box Body
-.card-body {
-  // @include border-radius-sides(0, 0, $border-radius, $border-radius);
-  .no-header & {
-    // @include border-top-radius($border-radius);
-  }
-
-  // Tables within the box body
-  > .table {
-    margin-bottom: 0;
-
-    > thead > tr > th,
-    > thead > tr > td {
-      border-top-width: 0;
-    }
-  }
-
-  // Calendar within the box body
-  .fc {
-    margin-top: 5px;
-  }
-
-  .full-width-chart {
-    margin: -19px;
-  }
-
-  &.p-0 .full-width-chart {
-    margin: -9px;
-  }
-}
-
-.chart-legend {
-  @extend .list-unstyled;
-  margin: 10px 0;
-
-  > li {
-    @media (max-width: map-get($grid-breakpoints, sm)) {
-      float: left;
-      margin-right: 10px;
-    }
-  }
-}
-
-// Comment Box
-.card-comments {
-  background: $gray-100;
-
-  .card-comment {
-    @include clearfix;
-    border-bottom: 1px solid $gray-200;
-    padding: 8px 0;
-
-    &:last-of-type {
-      border-bottom: 0;
-    }
-
-    &:first-of-type {
-      padding-top: 0;
-    }
-
-    img {
-      @extend .img-sm;
-      float: left;
-    }
-  }
-
-  .comment-text {
-    color: lighten($gray-700, 20%);
-    margin-left: 40px;
-  }
-
-  .username {
-    color: $gray-700;
-    display: block;
-    font-weight: 600;
-  }
-
-  .text-muted {
-    font-size: 12px;
-    font-weight: 400;
-  }
-}
-
-// Widgets
-//-----------
-
-// Widget: TODO LIST
-.todo-list {
-  list-style: none;
-  margin: 0;
-  overflow: auto;
-  padding: 0;
-
-  // Todo list element
-  > li {
-    @include border-radius(2px);
-    background: $gray-100;
-    border-left: 2px solid $gray-200;
-    color: $gray-700;
-    margin-bottom: 2px;
-    padding: 10px;
-
-    &:last-of-type {
-      margin-bottom: 0;
-    }
-
-    > input[type='checkbox'] {
-      margin: 0 10px 0 5px;
-    }
-
-    .text {
-      display: inline-block;
-      font-weight: 600;
-      margin-left: 5px;
-    }
-
-    // Time labels
-    .badge {
-      font-size: .7rem;
-      margin-left: 10px;
-    }
-
-    // Tools and options box
-    .tools {
-      color: theme-color('danger');
-      display: none;
-      float: right;
-
-      // icons
-      > .fa,
-      > .fas,
-      > .far,
-      > .fab,
-      > .glyphicon,
-      > .ion {
-        cursor: pointer;
-        margin-right: 5px;
-      }
-    }
-
-    &:hover .tools {
-      display: inline-block;
-    }
-
-    &.done {
-      color: darken($gray-500, 25%);
-
-      .text {
-        font-weight: 500;
-        text-decoration: line-through;
-      }
-
-      .badge {
-        background: $gray-500 !important;
-      }
-    }
-  }
-
-  // Color variants
-  @each $name, $color in $theme-colors {
-    .#{$name} {
-      border-left-color: $color;
-    }
-  }
-
-  @each $name, $color in $colors {
-    .#{$name} {
-      border-left-color: $color;
-    }
-  }
-
-  .handle {
-    cursor: move;
-    display: inline-block;
-    margin: 0 5px;
-  }
-}
-
-// END TODO WIDGET
-
-// Input in box
-.card-input {
-  max-width: 200px;
-}
-
-// Color variants
-@each $name, $color in $theme-colors {
-  @include cards-variant($name, $color);
-}
-
-@each $name, $color in $colors {
-  @include cards-variant($name, $color);
-}

build/scss/_carousel.scss

@@ -1,24 +0,0 @@
-//
-// Component: Carousel
-//
-
-.carousel-control {
-  &.left,
-  &.right {
-    background-image: none;
-  }
-
-  > .fa,
-  > .fas,
-  > .far,
-  > .fab,
-  > .glyphicon,
-  > .ion {
-    display: inline-block;
-    font-size: 40px;
-    margin-top: -20px;
-    position: absolute;
-    top: 50%;
-    z-index: 5;
-  }
-}

build/scss/_colors.scss

@@ -1,72 +0,0 @@
-//
-// Misc: Colors
-//
-
-// Background colors (theme colors)
-@each $name, $color in $theme-colors {
-  @include background-variant($name, $color);
-}
-
-// Background colors (colors)
-@each $name, $color in $colors {
-  @include background-variant($name, $color);
-}
-
-.bg-gray {
-  background-color: $gray-500;
-  color: color-yiq($gray-500);
-}
-
-.bg-gray-light {
-  background-color: lighten($gray-200, 3%);
-  color: color-yiq(lighten($gray-200, 3%)) !important;
-}
-
-.bg-black {
-  background-color: $black;
-  color: color-yiq($black) !important;
-}
-
-.bg-white {
-  background-color: $white;
-  color: color-yiq($white) !important;
-}
-
-// Gradient Background colors (theme colors)
-@each $name, $color in $theme-colors {
-  @include background-gradient-variant($name, $color);
-}
-
-// Gradient Background colors (colors)
-@each $name, $color in $colors {
-  @include background-gradient-variant($name, $color);
-}
-
-// Backgrund Color Disabled
-[class^='bg-'].disabled {
-  opacity: .65;
-}
-
-// Text muted hover
-a.text-muted:hover {
-  color: theme-color(primary) !important;
-}
-
-// Link Styles
-.link-muted {
-  color: darken($gray-500, 30%);
-
-  &:hover,
-  &:focus {
-    color: darken($gray-500, 40%);
-  }
-}
-
-.link-black {
-  color: $gray-600;
-
-  &:hover,
-  &:focus {
-    color: lighten($gray-500, 20%);
-  }
-}

build/scss/_control-sidebar.scss

@@ -1,174 +0,0 @@
-//
-// Component: Control Sidebar
-//
- 
-html.control-sidebar-animate {
-  overflow-x: hidden;
-}
-
-.control-sidebar {
-  bottom: $main-footer-height;
-  position: absolute;
-  top: $main-header-height;
-  z-index: $zindex-control-sidebar;
-  
-  &,
-  &::before {
-    bottom: $main-footer-height;
-    display: none;
-    right: -$control-sidebar-width;
-    width: $control-sidebar-width;
-    @include transition(right $transition-speed $transition-fn, display $transition-speed $transition-fn);
-  }
-
-  &::before {
-    content: '';
-    display: block;
-    position: fixed;
-    top: 0;
-    z-index: -1;
-  }
-}
-
-.control-sidebar-push-slide {
-    .content-wrapper,
-    .main-footer {
-      @include transition(margin-right $transition-speed $transition-fn);
-    }
-  }
-
-// Control sidebar open state
-.control-sidebar-open {
-  @include media-breakpoint-up(md) {
-    .control-sidebar {
-      display: block;
-
-      &,
-      &::before {
-        right: 0;
-      }
-    }
-
-    &.control-sidebar-push,
-    &.control-sidebar-push-slide {
-      .content-wrapper,
-      .main-footer {
-        margin-right: $control-sidebar-width;
-      }
-    }
-  }
-
-  @include media-breakpoint-down(md) {
-    .control-sidebar {
-      &,
-      &::before {
-        right: 0;
-      }
-    }
-  }
-}
-
-// Control sidebar slide over content state
-.control-sidebar-slide-open {
-  .control-sidebar {
-    display: block;
-
-    &,
-    &::before {
-      right: 0;
-      @include transition(right $transition-speed $transition-fn, display $transition-speed $transition-fn);
-    }
-  }
-
-  &.control-sidebar-push,
-  &.control-sidebar-push-slide {
-    .content-wrapper,
-    .main-footer {
-      margin-right: $control-sidebar-width;
-    }
-  }
-}
-
-// Dark skin
-.control-sidebar-dark {
-  &,
-  a,
-  .nav-link {
-    color: $sidebar-dark-color;
-  }
-
-  //  Background
-  & {
-    background: $sidebar-dark-bg;
-  }
-
-  a:hover {
-    color: $sidebar-dark-hover-color;
-  }
-
-  // Headers and labels
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  label {
-    color: $sidebar-dark-hover-color;
-  }
-
-  // Tabs
-  .nav-tabs {
-    background-color: $sidebar-dark-hover-bg;
-    border-bottom: 0;
-    margin-bottom: 5px;
-
-    .nav-item {
-      margin: 0;
-    }
-
-    .nav-link {
-      border-radius: 0;
-      padding: 10px 20px;
-      position: relative;
-      text-align: center;
-
-      &,
-      &:hover,
-      &:active,
-      &:focus,
-      &.active {
-        border: 0;
-      }
-
-      &:hover,
-      &:active,
-      &:focus,
-      &.active {
-        border-bottom-color: transparent;
-        border-left-color: transparent;
-        border-top-color: transparent;
-        color: $sidebar-dark-hover-color;
-      }
-
-      &.active {
-        background-color: $sidebar-dark-bg;
-      }
-    }
-  }
-
-  .tab-pane {
-    padding: 10px 15px;
-  }
-}
-
-// Light skin
-.control-sidebar-light {
-  color: lighten($sidebar-light-color, 10%);
-
-  //  Background
-  & {
-    background: $sidebar-light-bg;
-    border-left: $main-header-bottom-border;
-  }
-}

build/scss/_direct-chat.scss

@@ -1,211 +0,0 @@
-//
-// Component: Direct Chat
-//
- 
-.direct-chat {
-  .card-body {
-    overflow-x: hidden;
-    padding: 0;
-    position: relative;
-  }
-
-  &.chat-pane-open {
-    .direct-chat-contacts {
-      @include translate(0, 0);
-    }
-  }
-}
-
-.direct-chat-messages {
-  @include translate(0, 0);
-  height: 250px;
-  overflow: auto;
-  padding: 10px;
-}
-
-.direct-chat-msg,
-.direct-chat-text {
-  display: block;
-}
-
-.direct-chat-msg {
-  @include clearfix;
-  margin-bottom: 10px;
-}
-
-.direct-chat-messages,
-.direct-chat-contacts {
-  transition: transform .5s ease-in-out;
-}
-
-.direct-chat-text {
-  @if $enable-rounded {
-    @include border-radius($border-radius-lg);
-  }
-
-  background: $direct-chat-default-msg-bg;
-  border: 1px solid $direct-chat-default-msg-border-color;
-  color: $direct-chat-default-font-color;
-  margin: 5px 0 0 50px;
-  padding: 5px 10px;
-  position: relative;
-
-  //Create the arrow
-  &::after,
-  &::before {
-    border: solid transparent;
-    border-right-color: $direct-chat-default-msg-border-color;
-    content: ' ';
-    height: 0;
-    pointer-events: none;
-    position: absolute;
-    right: 100%;
-    top: 15px;
-    width: 0;
-  }
-
-  &::after {
-    border-width: 5px;
-    margin-top: -5px;
-  }
-
-  &::before {
-    border-width: 6px;
-    margin-top: -6px;
-  }
-
-  .right & {
-    margin-left: 0;
-    margin-right: 50px;
-
-    &::after,
-    &::before {
-      border-left-color: $direct-chat-default-msg-border-color;
-      border-right-color: transparent;
-      left: 100%;
-      right: auto;
-    }
-  }
-}
-
-.direct-chat-img {
-  @include border-radius(50%);
-  float: left;
-  height: 40px;
-  width: 40px;
-
-  .right & {
-    float: right;
-  }
-}
-
-.direct-chat-infos {
-  display: block;
-  font-size: $font-size-sm;
-  margin-bottom: 2px;
-}
-
-.direct-chat-name {
-  font-weight: 600;
-}
-
-.direct-chat-timestamp {
-  color: darken($gray-500, 25%);
-}
-
-//Direct chat contacts pane
-.direct-chat-contacts-open {
-  .direct-chat-contacts {
-    @include translate(0, 0);
-  }
-}
-
-.direct-chat-contacts {
-  @include translate(101%, 0);
-  background: $dark;
-  bottom: 0;
-  color: $white;
-  height: 250px;
-  overflow: auto;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
-.direct-chat-contacts-light {
-  background: $light;
-
-  .contacts-list-name {
-    color: $gray-700;
-  }
-
-  .contacts-list-date {
-    color: $gray-600;
-  }
-
-  .contacts-list-msg {
-    color: darken($gray-600, 10%);
-  }
-}
-
-//Contacts list -- for displaying contacts in direct chat contacts pane
-.contacts-list {
-  @extend .list-unstyled;
-
-  > li {
-    @include clearfix;
-    border-bottom: 1px solid rgba($black, 0.2);
-    margin: 0;
-    padding: 10px;
-
-    &:last-of-type {
-      border-bottom: 0;
-    }
-  }
-}
-
-.contacts-list-img {
-  @include border-radius(50%);
-  float: left;
-  width: 40px;
-}
-
-.contacts-list-info {
-  color: $white;
-  margin-left: 45px;
-}
-
-.contacts-list-name,
-.contacts-list-status {
-  display: block;
-}
-
-.contacts-list-name {
-  font-weight: 600;
-}
-
-.contacts-list-status {
-  font-size: $font-size-sm;
-}
-
-.contacts-list-date {
-  color: $gray-400;
-  font-weight: normal;
-}
-
-.contacts-list-msg {
-  color: darken($gray-400, 10%);
-}
-
-// Color variants
-@each $name, $color in $theme-colors {
-  .direct-chat-#{$name} {
-    @include direct-chat-variant($color);
-  }
-}
-
-@each $name, $color in $colors {
-  .direct-chat-#{$name} {
-    @include direct-chat-variant($color);
-  }
-}

build/scss/_dropdown.scss

@@ -1,257 +0,0 @@
-//
-// Component: Dropdown
-//
-
-// General Dropdown Rules
-//.dropdown-item {
-//  &:first-of-type {
-//    @include border-top-radius($border-radius);
-//  }
-//  &:last-of-type {
-//    @include border-bottom-radius($border-radius);
-//  }
-//}
-
-.dropdown-item-title {
-  font-size: $font-size-base;
-  margin: 0;
-}
-
-// Dropdown Sizes
-.dropdown-menu-lg {
-  max-width: 300px;
-  min-width: 280px;
-  padding: 0;
-
-  .dropdown-divider {
-    margin: 0;
-  }
-
-  .dropdown-item {
-    padding: $dropdown-padding-y $dropdown-item-padding-x;
-  }
-
-  p {
-    margin: 0;
-    white-space: normal;
-  }
-}
-
-// Dropdown Submenu
-.dropdown-submenu {
-  position: relative;
-
-  & > a:after {
-    @include caret-right;
-    float: right;
-    margin-left: .5rem;
-    margin-top: .5rem;
-  }
-
-  & > .dropdown-menu {
-    left: 100%;
-    margin-left: 0px;
-    margin-top: 0px;
-    top: 0;
-  }
-}
-
-// Dropdown Hover
-.dropdown-hover {
-  &:hover,
-  &.nav-item.dropdown:hover,
-  .dropdown-submenu:hover,
-  &.dropdown-submenu:hover {
-    > .dropdown-menu {
-      display: block;
-    }
-  }
-}
-
-
-
-// Dropdown Sizes
-.dropdown-menu-xl {
-  max-width: 420px;
-  min-width: 360px;
-  padding: 0;
-
-  .dropdown-divider {
-    margin: 0;
-  }
-
-  .dropdown-item {
-    padding: $dropdown-padding-y $dropdown-item-padding-x;
-  }
-
-  p {
-    margin: 0;
-    white-space: normal;
-  }
-}
-
-// Dropdown header and footer
-.dropdown-footer,
-.dropdown-header {
-  display: block;
-  font-size: $font-size-sm;
-  padding: .5rem $dropdown-item-padding-x;
-  text-align: center;
-}
-
-// Add fade animation to dropdown menus by appending 
-// the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)
-.open:not(.dropup) > .animated-dropdown-menu {
-  @include animation(flipInX .7s both);
-  backface-visibility: visible !important;
-}
-
-@keyframes flipInX {
-  0% {
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transition-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transition-timing-function: ease-in;
-  }
-
-  60% {
-    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-  }
-
-  100% {
-    transform: perspective(400px);
-  }
-}
-
-// Fix dropdown menu in navbars
-.navbar-custom-menu > .navbar-nav {
-  > li {
-    position: relative;
-    > .dropdown-menu {
-      position: absolute;
-      right: 0;
-      left: auto;
-    }
-  }
-}
-
-@include media-breakpoint-down(sm) {
-  .navbar-custom-menu > .navbar-nav {
-    float: right;
-    > li {
-      position: static;
-      > .dropdown-menu {
-        position: absolute;
-        right: 5%;
-        left: auto;
-        border: 1px solid #ddd;
-        background: $white;
-      }
-    }
-  }
-}
-
-// User Menu
-.navbar-nav > .user-menu {
-  > .nav-link:after {
-    content:none;
-  }
-
-  > .dropdown-menu {
-    @include border-top-radius(0);
-    padding: 0;
-    border-top-width: 0;
-    width: 280px;
-
-    &,
-    > .user-body {
-      @include border-bottom-radius(4px);
-    }
-
-    // Header menu
-    > li.user-header {
-      height: 175px;
-      padding: 10px;
-      text-align: center;
-
-      // User image
-      > img {
-        z-index: 5;
-        height: 90px;
-        width: 90px;
-        border: 3px solid;
-        border-color: transparent;
-        border-color: rgba(255, 255, 255, 0.2);
-      }
-
-      > p {
-        z-index: 5;
-        font-size: 17px;
-        //text-shadow: 2px 2px 3px #333333;
-        margin-top: 10px;
-
-        > small {
-          display: block;
-          font-size: 12px;
-        }
-      }
-    }
-
-    // Menu Body
-    > .user-body {
-      @include clearfix;
-      border-bottom: 1px solid $gray-700;
-      border-top: 1px solid $gray-300;
-      padding: 15px;
-
-      a {
-        @include media-breakpoint-up(sm) {
-          background: $white !important;
-          color: $gray-700 !important;
-        }
-      }
-    }
-
-    // Menu Footer
-    > .user-footer {
-      @include clearfix;
-      background-color: $gray-100;
-      padding: 10px;
-
-      .btn-default {
-        color: $gray-600;
-
-        &:hover {
-          @include media-breakpoint-up(sm) {
-            background-color: $gray-100;
-          }
-        }
-      }
-    }
-  }
-
-  .user-image {
-    @include media-breakpoint-up(sm) {
-      float: none;
-      line-height: 10px;
-      margin-right: 0;
-      margin-top: -8px;
-    }
-
-    border-radius: 50%;
-    float: left;
-    height: 25px;
-    margin-right: 10px;
-    margin-top: -2px;
-    width: 25px;
-  }
-}

build/scss/_elevation.scss

@@ -1,27 +0,0 @@
-//
-// Component: Elevation
-//
-
-.elevation-0 {
-  box-shadow: none !important;
-}
-
-.elevation-1 {
-  box-shadow: 0 1px 3px rgba($black, 0.12), 0 1px 2px rgba($black, 0.24) !important;
-}
-
-.elevation-2 {
-  box-shadow: 0 3px 6px rgba($black, 0.16), 0 3px 6px rgba($black, 0.23) !important;
-}
-
-.elevation-3 {
-  box-shadow: 0 10px 20px rgba($black, 0.19), 0 6px 6px rgba($black, 0.23) !important;
-}
-
-.elevation-4 {
-  box-shadow: 0 14px 28px rgba($black, 0.25), 0 10px 10px rgba($black, 0.22) !important;
-}
-
-.elevation-5 {
-  box-shadow: 0 19px 38px rgba($black, 0.30), 0 15px 12px rgba($black, 0.22) !important;
-}

build/scss/_forms.scss

@@ -1,277 +0,0 @@
-//
-// Component: Forms
-//
- 
-.form-group {
-  &.has-icon {
-    position: relative;
-
-    .form-control {
-      padding-right: 35px;
-    }
-
-    .form-icon {
-      background-color: transparent;
-      border: 0;
-      cursor: pointer;
-      font-size: 1rem;
-      // margin-top: -3px;
-      padding: $input-btn-padding-y $input-btn-padding-x;
-      position: absolute;
-      right: 3px;
-      top: 0;
-    }
-  }
-}
-
-// Button groups
-.btn-group-vertical {
-  .btn {
-    &.btn-flat:first-of-type,
-    &.btn-flat:last-of-type {
-      @include border-radius(0);
-    }
-  }
-}
-
-// Support icons in form-control
-.form-control-feedback {
-  &.fa,
-  &.fas,
-  &.far,
-  &.fab,
-  &.glyphicon,
-  &.ion {
-    line-height: $input-height;
-  }
-}
-
-.input-lg  + .form-control-feedback,
-.input-group-lg + .form-control-feedback {
-  &.fa,
-  &.fas,
-  &.far,
-  &.fab,
-  &.glyphicon,
-  &.ion {
-    line-height: $input-height-lg;
-  }
-}
-
-.form-group-lg {
-  .form-control + .form-control-feedback {
-    &.fa,
-    &.fas,
-    &.far,
-    &.fab,
-    &.glyphicon,
-    &.ion {
-      line-height: $input-height-lg;
-    }
-  }
-}
-
-.input-sm  + .form-control-feedback,
-.input-group-sm + .form-control-feedback {
-  &.fa,
-  &.fas,
-  &.far,
-  &.fab,
-  &.glyphicon,
-  &.ion {
-    line-height: $input-height-sm;
-  }
-}
-
-.form-group-sm {
-  .form-control + .form-control-feedback {
-    &.fa,
-    &.fas,
-    &.far,
-    &.fab,
-    &.glyphicon,
-    &.ion {
-      line-height: $input-height-sm;
-    }
-  }
-}
-
-label:not(.form-check-label, .custom-file-label) {
-  font-weight: $font-weight-bold;
-}
-
-.warning-feedback {
-  @include font-size($form-feedback-font-size);
-  color: theme-color('warning');
-  display: none;
-  margin-top: $form-feedback-margin-top;
-  width: 100%;
-}
-
-.warning-tooltip {
-  @include border-radius($form-feedback-tooltip-border-radius);
-  @include font-size($form-feedback-tooltip-font-size);
-  background-color: rgba(theme-color('warning'), $form-feedback-tooltip-opacity);
-  color: color-yiq(theme-color('warning'));
-  display: none;
-  line-height: $form-feedback-tooltip-line-height;
-  margin-top: .1rem;
-  max-width: 100%; // Contain to parent when possible
-  padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
-  position: absolute;
-  top: 100%;
-  z-index: 5;
-}
-
-.form-control {
-  &.is-warning {
-    border-color: theme-color('warning');
-
-    @if $enable-validation-icons {
-      // padding-right: $input-height-inner;
-      // background-image: none;
-      // background-repeat: no-repeat;
-      // background-position: center right $input-height-inner-quarter;
-      // background-size: $input-height-inner-half $input-height-inner-half;
-    }
-
-    &:focus {
-      border-color: theme-color('warning');
-      box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
-    }
-
-    ~ .warning-feedback,
-    ~ .warning-tooltip {
-      display: block;
-    }
-  }
-}
-
-// stylelint-disable-next-line selector-no-qualifying-type
-textarea.form-control {
-  &.is-warning {
-    @if $enable-validation-icons {
-      padding-right: $input-height-inner;
-      background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
-    }
-  }
-}
-
-.custom-select {
-  &.is-warning {
-    border-color: theme-color('warning');
-
-    @if $enable-validation-icons {
-      // padding-right: $custom-select-feedback-icon-padding-right;
-      // background: $custom-select-background, none $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;
-    }
-
-    &:focus {
-      border-color: theme-color('warning');
-      box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
-    }
-
-    ~ .warning-feedback,
-    ~ .warning-tooltip {
-      display: block;
-    }
-  }
-}
-
-
-.form-control-file {
-  &.is-warning {
-    ~ .warning-feedback,
-    ~ .warning-tooltip {
-      display: block;
-    }
-  }
-}
-
-.form-check-input {
-  &.is-warning {
-    ~ .form-check-label {
-      color: theme-color('warning');
-    }
-
-    ~ .warning-feedback,
-    ~ .warning-tooltip {
-      display: block;
-    }
-  }
-}
-
-.custom-control-input.is-warning {
-  ~ .custom-control-label {
-    color: theme-color('warning');
-
-    &::before {
-      border-color: theme-color('warning');
-    }
-  }
-
-  ~ .warning-feedback,
-  ~ .warning-tooltip {
-    display: block;
-  }
-
-  &:checked {
-    ~ .custom-control-label::before {
-      @include gradient-bg(lighten(theme-color('warning'), 10%));
-      border-color: lighten(theme-color('warning'), 10%);
-    }
-  }
-
-  &:focus {
-    ~ .custom-control-label::before {
-      box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
-    }
-
-    &:not(:checked) ~ .custom-control-label::before {
-      border-color: theme-color('warning');
-    }
-  }
-}
-
-// custom file
-.custom-file-input {
-  &.is-warning {
-    ~ .custom-file-label {
-      border-color: theme-color('warning');
-    }
-
-    ~ .warning-feedback,
-    ~ .warning-tooltip {
-      display: block;
-    }
-
-    &:focus {
-      ~ .custom-file-label {
-        border-color: theme-color('warning');
-        box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
-      }
-    }
-  }
-}
-
-// custom switch color variations
-.custom-switch {
-  @each $name, $color in $theme-colors {
-    @include custom-switch-variant($name, $color);
-  }
-
-  @each $name, $color in $colors {
-    @include custom-switch-variant($name, $color);
-  }
-}
-
-// custom range color variations
-.custom-range {
-  @each $name, $color in $theme-colors {
-    @include custom-range-variant($name, $color);
-  }
-
-  @each $name, $color in $colors {
-    @include custom-range-variant($name, $color);
-  }
-}

build/scss/_info-box.scss

@@ -1,142 +0,0 @@
-//
-// Component: Info Box
-//
- 
-.info-box {
-  @extend .d-flex;
-  @extend .mb-3;
-  @include box-shadow($card-shadow);
-  @include border-radius($border-radius);
-
-  background: $white;
-  min-height: 80px;
-  padding: .5rem;
-  position: relative;
-
-  .progress {
-    background-color: rgba($black, .125);
-    height: 2px;
-    margin: 5px 0;
-
-    .progress-bar {
-      background-color: $white;
-    }
-  }
-
-  .info-box-icon {
-    @extend .d-flex;
-    @extend .align-items-center;
-    @extend .justify-content-center;
-
-    @if $enable-rounded {
-      border-radius: $border-radius;
-    }
-
-    display: block;
-    font-size: 1.875rem;
-    text-align: center;
-    width: 70px;
-
-    > img {
-      max-width: 100%;
-    }
-  }
-
-  .info-box-content {
-    flex: 1;
-    padding: 5px 10px;
-  }
-
-  .info-box-number {
-    display: block;
-    font-weight: $font-weight-bold;
-  }
-
-  .progress-description,
-  .info-box-text {
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  @each $name, $color in $theme-colors {
-    .info-box {
-      .bg-#{$name},
-      .bg-gradient-#{$name} {
-        color: color-yiq($color);
-
-        .progress-bar {
-          background-color: color-yiq($color);
-        }
-      }
-    }
-  }
-
-  .info-box-more {
-    display: block;
-  }
-
-  .progress-description {
-    margin: 0;
-
-  }
-
-  @include media-breakpoint-up(md) {
-    .col-xl-2 &,
-    .col-lg-2 &,
-    .col-md-2 & {
-      .progress-description {
-        display: none;
-      }
-    }
-
-    .col-xl-3 &,
-    .col-lg-3 &,
-    .col-md-3 & {
-      .progress-description {
-        display: none;
-      }
-    }
-  }
-
-  @include media-breakpoint-up(lg) {
-    .col-xl-2 &,
-    .col-lg-2 &,
-    .col-md-2 & {
-      .progress-description {
-        @include font-size(.75rem);
-        display: block;
-      }
-    }
-
-    .col-xl-3 &,
-    .col-lg-3 &,
-    .col-md-3 & {
-      .progress-description {
-        @include font-size(.75rem);
-        display: block;
-      }
-    }
-  }
-
-  @include media-breakpoint-up(xl) {
-    .col-xl-2 &,
-    .col-lg-2 &,
-    .col-md-2 & {
-      .progress-description {
-        @include font-size(1rem);
-        display: block;
-      }
-    }
-
-    .col-xl-3 &,
-    .col-lg-3 &,
-    .col-md-3 & {
-      .progress-description {
-        @include font-size(1rem);
-        display: block;
-      }
-    }
-  }
-}

build/scss/_layout.scss

@@ -1,424 +0,0 @@
-//
-// Core: Layout
-//
-
-html {
-  scroll-behavior: smooth;
-}
-
-html,
-body,
-.wrapper {
-  min-height: 100%;
-}
-
-.wrapper {
-  position: relative;
-
-  & .content-wrapper {
-    min-height: calc(100vh - #{$main-header-height} - #{$main-footer-height});
-  }
-
-  .layout-boxed & {
-    @include box-shadow(0 0 10 rgba($black, .3));
-
-    &,
-    &::before {
-      margin: 0 auto;
-      max-width: $boxed-layout-max-width;
-    }
-
-    & .main-sidebar {
-      left: inherit;
-    }
-  }
-
-  .layout-navbar-fixed.layout-fixed & {
-    .control-sidebar {
-      top: $main-header-height;
-    }
-    .sidebar {
-      margin-top: $main-header-height;
-    }
-  }
-
-  .layout-navbar-fixed.sidebar-collapse & {
-    .brand-link {
-      height: $main-header-height;
-      width: $sidebar-mini-width;
-    }
-  }
-
-  .layout-navbar-fixed & {
-    .control-sidebar {
-      top: 0;
-    }
-
-    a.anchor {
-      display: block;
-      position: relative;
-      top: calc((#{$main-header-height-inner} + #{$main-header-bottom-border-width} + (#{$main-header-link-padding-y} * 2)) / -1);
-    }
-
-    .main-sidebar:hover {
-      .brand-link {
-        transition: width $transition-speed $transition-fn;
-        width: $sidebar-width;
-      }
-    }
-
-    .brand-link {
-      overflow: hidden;
-      position: fixed;
-      top: 0;
-      transition: width $transition-speed $transition-fn;
-      width: $sidebar-width;
-      z-index: $zindex-main-header + 1;
-    }
-
-    // Sidebar variants brand-link fix
-    @each $name, $color in $theme-colors {
-      .sidebar-dark-#{$name} .brand-link {
-        background-color: $sidebar-dark-bg;
-      }
-
-      .sidebar-light-#{$name} .brand-link {
-        background-color: $sidebar-light-bg;
-      }
-    }
-
-    .content-wrapper {
-      margin-top: $main-header-height;
-    }
-
-    .main-header {
-      left: 0;
-      position: fixed;
-      right: 0;
-      top: 0;
-      z-index: $zindex-main-header - 1;
-    }
-  }
-
-  .layout-navbar-not-fixed & {
-    .brand-link {
-      position: static;
-    }
-
-    .sidebar,
-    .content-wrapper {
-      margin-top: 0;
-    }
-
-    .main-header {
-      position: static;
-    }
-  }
-
-  @each $breakpoint in map-keys($grid-breakpoints) {
-    @include media-breakpoint-up($breakpoint) {
-      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-      .layout#{$infix}-navbar-fixed.layout-fixed & {
-        .control-sidebar {
-          top: $main-header-height;
-        }
-        .sidebar {
-          margin-top: $main-header-height;
-        }
-      }
-
-      .layout#{$infix}-navbar-fixed & {
-        .control-sidebar {
-          top: 0;
-        }
-
-        a.anchor {
-          display: block;
-          position: relative;
-          top: calc((#{$main-header-height-inner} + #{$main-header-bottom-border-width} + (#{$main-header-link-padding-y} * 2)) / -1);
-        }
-
-        &.sidebar-collapse {
-          .brand-link {
-            height: $main-header-height;
-            transition: width $transition-speed $transition-fn;
-            width: $sidebar-mini-width;
-          }
-
-          .main-sidebar:hover {
-            .brand-link {
-              transition: width $transition-speed $transition-fn;
-              width: $sidebar-width;
-            }
-          }
-        }
-
-        .brand-link {
-          overflow: hidden;
-          position: fixed;
-          top: 0;
-          transition: width $transition-speed $transition-fn;
-          width: $sidebar-width;
-          z-index: $zindex-main-header + 1;
-        }
-
-        // Sidebar variants brand-link fix
-        @each $name, $color in $theme-colors {
-          .sidebar-dark-#{$name} .brand-link {
-            background-color: $sidebar-dark-bg;
-          }
-
-          .sidebar-light-#{$name} .brand-link {
-            background-color: $sidebar-light-bg;
-          }
-        }
-
-        .content-wrapper {
-          margin-top: $main-header-height;
-        }
-
-        .main-header {
-          left: 0;
-          position: fixed;
-          right: 0;
-          top: 0;
-          z-index: $zindex-main-sidebar - 1;
-        }
-      }
-
-      .layout#{$infix}-navbar-not-fixed & {
-        .brand-link {
-          position: static;
-        }
-
-        .sidebar,
-        .content-wrapper {
-          margin-top: 0;
-        }
-
-        .main-header {
-          position: static;
-        }
-      }
-
-    }
-  }
-
-  .layout-footer-fixed & {
-    .control-sidebar {
-      bottom: 0;
-    }
-  }
-
-  .layout-footer-fixed & {
-    .main-footer {
-      bottom: 0;
-      left: 0;
-      position: fixed;
-      right: 0;
-      z-index: $zindex-main-footer;
-    }
-  }
-
-  .layout-footer-not-fixed & {
-    .main-footer {
-      position: static;
-    }
-
-    .content-wrapper {
-      margin-bottom: 0;
-    }
-  }
-
-  @each $breakpoint in map-keys($grid-breakpoints) {
-    @include media-breakpoint-up($breakpoint) {
-      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-      .layout#{$infix}-footer-fixed & {
-        .control-sidebar {
-          bottom: 0;
-        }
-      }
-
-      .layout#{$infix}-footer-fixed & {
-        .main-footer {
-          bottom: 0;
-          left: 0;
-          position: fixed;
-          right: 0;
-          z-index: $zindex-main-footer;
-        }
-
-        .content-wrapper {
-          margin-bottom: $main-footer-height;
-        }
-      }
-
-      .layout#{$infix}-footer-not-fixed & {
-        .main-footer {
-          position: static;
-        }
-      }
-    }
-  }
-
-  .layout-top-nav & {
-    margin-left: 0;
-
-
-    & .main-sidebar {
-      bottom: inherit;
-      height: inherit;
-    }
-
-    .brand-image {
-      height: 33px;
-    }
-
-    & .main-sidebar {
-      display: none;
-    }
-
-    & .content-wrapper,
-    & .main-header,
-    & .main-footer {
-      margin-left: 0;
-    }
-  }
-}
-
-.content-wrapper,
-.main-footer,
-.main-header {
-  @include media-breakpoint-up(sm) {
-    @include transition(margin-left $transition-speed $transition-fn);
-
-    margin-left: $sidebar-width;
-    z-index: 3000;
-
-    .sidebar-collapse & {
-      margin-left: 0;
-    }
-  }
-
-  @include media-breakpoint-down(sm) {
-    &,
-    &::before {
-      margin-left: 0;
-    }
-  }
-}
-
-.content-wrapper {
-  background: $main-bg;
-
-  > .content {
-    padding: $content-padding-y $content-padding-x;
-  }
-}
-
-.main-sidebar {
-  &,
-  &::before {
-    $local-sidebar-transition: margin-left $transition-speed $transition-fn, width $transition-speed $transition-fn;
-    @include transition($local-sidebar-transition);
-    width: $sidebar-width;
-  }
-
-  .sidebar-collapse & {
-    &,
-    &::before {
-      margin-left: -$sidebar-width;
-    }
-
-    .nav-sidebar.nav-child-indent .nav-treeview {
-      padding: 0;
-    }
-  }
-
-  @include media-breakpoint-down(sm) {
-    &,
-    &::before {
-      box-shadow: none !important;
-      margin-left: -$sidebar-width;
-    }
-
-    .sidebar-open & {
-      &,
-      &::before {
-        margin-left: 0;
-      }
-    }
-  }
-}
-
-:not(.layout-fixed) {
-  .main-sidebar {
-    height: inherit;
-    min-height: 100%;
-    position: absolute;
-    top: 0;
-  }
-}
-
-.layout-fixed {
-  .brand-link {
-    width: $sidebar-width;
-  }
-
-  .main-sidebar {
-    bottom: 0;
-    float: none;
-    height: 100vh;
-    left: 0;
-    position: fixed;
-    top: 0;
-  }
-
-  .control-sidebar {
-    bottom: 0;
-    float: none;
-    height: 100vh;
-    position: fixed;
-    top: 0;
-
-    .control-sidebar-content {
-      height: calc(100vh - #{$main-header-height});
-    }
-  }
-}
-
-.main-footer {
-  background: $main-footer-bg;
-  border-top: $main-footer-border-top;
-  color: lighten($gray-700, 25%);
-  padding: $main-footer-padding;
-}
-
-.content-header {
-  padding: 15px $content-padding-x;
-
-  h1 {
-    font-size: 1.8rem;
-    margin: 0;
-  }
-
-  .breadcrumb {
-    background: transparent;
-    line-height: 1.8rem;
-    margin-bottom: 0;
-    padding: 0;
-  }
-}
-
-.hold-transition {
-  .content-wrapper,
-  .main-header,
-  .main-sidebar,
-  .main-sidebar *,
-  .control-sidebar,
-  .control-sidebar *,
-  .main-footer {
-    transition: none !important;
-  }
-}

build/scss/_main-header.scss

@@ -1,117 +0,0 @@
-//
-// Component: Main Header
-//
- 
-.main-header {
-  border-bottom: $main-header-bottom-border;
-  z-index: $zindex-main-header;
-
-  .nav-link {
-    height: $nav-link-height;
-    position: relative;
-  }
-
-  .navbar-nav {
-    .nav-item {
-      margin: 0;
-    }
-
-    &[class*='-right'] {
-      .dropdown-menu {
-        left: auto;
-        margin-top: -3px;
-        right: 0;
-
-        @media (max-width: breakpoint-max(xs)) {
-          left: 0;
-          right: auto;
-        }
-      }
-    }
-  }
-}
-
-// Add this class to images within a nav-link
-.navbar-img {
-  height: $main-header-height / 2;
-  width: auto;
-}
-
-// Navbar badge
-.navbar-badge {
-  font-size: .6rem;
-  font-weight: 300;
-  padding: 2px 4px;
-  position: absolute;
-  right: 5px;
-  top: 9px;
-}
-
-.btn-navbar {
-  background-color: transparent;
-  border-left-width: 0;
-}
-
-.form-control-navbar {
-  border-right-width: 0;
-
-  & + .input-group-append {
-    margin-left: 0;
-  }
-}
-
-.form-control-navbar,
-.btn-navbar {
-  transition: none;
-}
-
-.navbar-dark {
-  .form-control-navbar,
-  .btn-navbar {
-    background-color: $main-header-dark-form-control-bg;
-    border: $main-header-dark-form-control-border;
-  }
-
-  .form-control-navbar {
-    &::placeholder,
-    + .input-group-append > .btn-navbar {
-      color: $main-header-dark-placeholder-color;
-    }
-
-    &:focus {
-      &,
-      & + .input-group-append .btn-navbar {
-        background-color: $main-header-dark-form-control-focused-bg;
-        border: $main-header-dark-form-control-focused-border !important;
-        color: $main-header-dark-form-control-focused-color;
-      }
-    }
-  }
-}
-
-.navbar-light {
-  .form-control-navbar,
-  .btn-navbar {
-    background-color: $main-header-light-form-control-bg;
-    border: $main-header-light-form-control-border;
-  }
-
-  .form-control-navbar {
-    &:ms-placeholder,
-    &:moz-placeholder,
-    &::moz-placeholder,
-    &::placeholder,
-    + .input-group-append > .btn-navbar {
-      color: $main-header-light-placeholder-color;
-    }
-
-    &:focus {
-      &,
-      & + .input-group-append .btn-navbar {
-        background-color: $main-header-light-form-control-focused-bg;
-        border: $main-header-light-form-control-focused-border !important;
-        color: $main-header-light-form-control-focused-color;
-      }
-    }
-  }
-}

build/scss/_main-sidebar.scss

@@ -1,438 +0,0 @@
-//
-// Component: Main Sidebar
-//
-
-.main-sidebar {
-  height: 100vh;
-  overflow-y: hidden;
-  z-index: $zindex-main-sidebar;
-}
-
-.sidebar {
-  height: calc(100% - 4rem);
-  overflow-y: auto;
-  padding-bottom: $sidebar-padding-y;
-  padding-left: $sidebar-padding-x;
-  padding-right: $sidebar-padding-x;
-  padding-top: $sidebar-padding-y;
-}
-
-// Sidebar user panel
-.user-panel {
-  position: relative;
-
-  [class*='sidebar-dark'] & {
-    border-bottom: 1px solid lighten($dark, 12%);
-  }
-
-  [class*='sidebar-light'] & {
-    border-bottom: 1px solid $gray-300;
-  }
-
-  &,
-  .info {
-    overflow: hidden;
-    white-space: nowrap;
-  }
-
-  .image {
-    display: inline-block;
-    padding-left: $nav-link-padding-x - .2;
-  }
-
-  img {
-    height: auto;
-    width: $sidebar-user-image-width;
-  }
-
-  .info {
-    display: inline-block;
-    padding: 5px 5px 5px 10px;
-  }
-
-  .status,
-  .dropdown-menu {
-    font-size: $font-size-sm;
-  }
-}
-
-// Sidebar navigation menu
-.nav-sidebar {
-  // All levels
-  .nav-item {
-    > .nav-link {
-      margin-bottom: .2rem;
-
-      .right {
-        @include transition(transform $transition-fn $transition-speed);
-      }
-    }
-  }
-
-  .nav-link > .right,
-  .nav-link > p > .right {
-    position: absolute;
-    right: 1rem;
-    top: .7rem;
-
-    i,
-    span {
-      margin-left: .5rem;
-    }
-
-    &:nth-child(2) {
-      right: 2.2rem;
-    }
-  }
-
-  .menu-open {
-    > .nav-treeview {
-      display: block;
-    }
-
-    > .nav-link {
-      i.right {
-        @include rotate(-90deg);
-      }
-    }
-  }
-
-  // First Level
-  > .nav-item {
-    margin-bottom: 0;
-
-    .nav-icon {
-      font-size: 1.2rem;
-      margin-right: .2rem;
-      text-align: center;
-      width: $sidebar-nav-icon-width;
-
-      &.fa,
-      &.fas,
-      &.far,
-      &.fab,
-      &.glyphicon,
-      &.ion {
-        font-size: 1.1rem;
-      }
-    }
-
-    .float-right {
-      margin-top: 3px;
-    }
-  }
-
-  // Tree view menu
-  .nav-treeview {
-    display: none;
-    list-style: none;
-    padding: 0;
-
-    > .nav-item {
-      > .nav-link {
-        > .nav-icon {
-          width: $sidebar-nav-icon-width;
-        }
-      }
-    }
-  }
-
-  &.nav-child-indent {
-    .nav-treeview {
-      transition: padding $transition-speed $transition-fn;
-      padding-left: 1rem;
-    }
-  }
-
-  .nav-header {
-    font-size: .9rem;
-    padding: $nav-link-padding-y;
-
-    &:not(:first-of-type) {
-      padding: 1.7rem 1rem .5rem;
-    }
-  }
-
-  .nav-link p {
-    display: inline-block;
-    margin: 0;
-  }
-}
-
-#sidebar-overlay {
-  @include media-breakpoint-down(md) {
-    .sidebar-open & {
-      display: block;
-    }
-  }
-
-  background-color: rgba($black, 0.1);
-  bottom: 0;
-  display: none;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  z-index: $zindex-main-sidebar - 1;
-}
-
-.sidebar-mini-md {
-  &.sidebar-open {
-    #sidebar-overlay {
-      @include media-breakpoint-up(sm) {
-        display: none;
-      }
-      @include media-breakpoint-down(sm) {
-        display: block;
-      }
-    }
-  }
-}
-
-[class*='sidebar-light-'] {
-  // Sidebar background color
-  background-color: $sidebar-light-bg;
-
-  // User Panel (resides in the sidebar)
-  .user-panel {
-    a:hover {
-      color: $sidebar-light-hover-color;
-    }
-
-    .status {
-      background: $sidebar-light-hover-bg;
-      color: $sidebar-light-color;
-
-      &:hover,
-      &:focus,
-      &:active {
-        background: darken($sidebar-light-hover-bg, 3%);
-        color: $sidebar-light-hover-color;
-      }
-    }
-
-    .dropdown-menu {
-      @include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
-      border-color: darken($sidebar-light-hover-bg, 5%);
-    }
-
-    .dropdown-item {
-      color: $body-color;
-    }
-  }
-
-  // Sidebar Menu. First level links
-  .nav-sidebar > .nav-item {
-    // links
-    > .nav-link {
-      // border-left: 3px solid transparent;
-      &:active,
-      &:focus {
-        color: $sidebar-light-color;
-      }
-    }
-
-    // Hover and active states
-    &.menu-open > .nav-link,
-    &:hover > .nav-link {
-      background-color: $sidebar-light-hover-bg;
-      color: $sidebar-light-hover-color;
-    }
-
-    > .nav-link.active {
-      color: $sidebar-light-active-color;
-
-      @if $enable-shadows {
-        @extend .elevation-1;
-      }
-    }
-
-    // First Level Submenu
-    > .nav-treeview {
-      background: $sidebar-light-submenu-bg;
-    }
-  }
-
-  // Section Heading
-  .nav-header {
-    background: inherit;
-    color: darken($sidebar-light-color, 5%);
-  }
-
-  // All links within the sidebar menu
-  .sidebar {
-    a {
-      color: $sidebar-light-color;
-
-      &:hover {
-        text-decoration: none;
-      }
-    }
-  }
-
-  // All submenus
-  .nav-treeview {
-    > .nav-item {
-      > .nav-link {
-        color: $sidebar-light-submenu-color;
-      }
-
-      > .nav-link.active {
-        &,
-        &:hover {
-          background-color: $sidebar-light-submenu-active-bg;
-          color: $sidebar-light-submenu-active-color;
-        }
-      }
-
-      > .nav-link:hover {
-        background-color: $sidebar-light-submenu-hover-bg;
-      }
-    }
-  }
-}
-
-[class*='sidebar-dark-'] {
-  // Sidebar background color
-  background-color: $sidebar-dark-bg;
-
-  // User Panel (resides in the sidebar)
-  .user-panel {
-    a:hover {
-      color: $sidebar-dark-hover-color;
-    }
-
-    .status {
-      background: $sidebar-dark-hover-bg;
-      color: $sidebar-dark-color;
-
-      &:hover,
-      &:focus,
-      &:active {
-        background: darken($sidebar-dark-hover-bg, 3%);
-        color: $sidebar-dark-hover-color;
-      }
-    }
-
-    .dropdown-menu {
-      @include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
-      border-color: darken($sidebar-dark-hover-bg, 5%);
-    }
-
-    .dropdown-item {
-      color: $body-color;
-    }
-  }
-
-  // Sidebar Menu. First level links
-  .nav-sidebar > .nav-item {
-    // links
-    > .nav-link {
-      // border-left: 3px solid transparent;
-      &:active {
-        color: $sidebar-dark-color;
-      }
-    }
-
-    // Hover and active states
-    &.menu-open > .nav-link,
-    &:hover > .nav-link,
-    & > .nav-link:focus  {
-      background-color: $sidebar-dark-hover-bg;
-      color: $sidebar-dark-hover-color;
-    }
-
-    > .nav-link.active {
-      color: $sidebar-dark-hover-color;
-
-      @if $enable-shadows {
-        @extend .elevation-1;
-      }
-    }
-
-    // First Level Submenu
-    > .nav-treeview {
-      background: $sidebar-dark-submenu-bg;
-    }
-  }
-
-  // Section Heading
-  .nav-header {
-    background: inherit; //darken($sidebar-dark-bg, 3%);
-    color: lighten($sidebar-dark-color, 5%);
-  }
-
-  // All links within the sidebar menu
-  .sidebar {
-    a {
-      color: $sidebar-dark-color;
-
-      &:hover,
-      &:focus {
-        text-decoration: none;
-      }
-    }
-  }
-
-  // All submenus
-  .nav-treeview {
-    > .nav-item {
-      > .nav-link {
-        color: $sidebar-dark-submenu-color;
-
-        &:hover,
-        &:focus {
-          background-color: $sidebar-dark-submenu-hover-bg;
-          color: $sidebar-dark-submenu-hover-color;
-        }
-      }
-
-      > .nav-link.active {
-        &,
-        &:hover,
-        &:focus {
-          background-color: $sidebar-dark-submenu-active-bg;
-          color: $sidebar-dark-submenu-active-color;
-        }
-      }
-    }
-  }
-}
-
-// Sidebar variants
-@each $name, $color in $theme-colors {
-  .sidebar-dark-#{$name},
-  .sidebar-light-#{$name} {
-    @include sidebar-color($color)
-  }
-}
-
-@each $name, $color in $colors {
-  .sidebar-dark-#{$name},
-  .sidebar-light-#{$name} {
-    @include sidebar-color($color)
-  }
-}
-
-
-// Nav Compact
-.nav-compact {
-  .nav-link,
-  .nav-header {
-    padding: ($nav-link-padding-y / 2) ($nav-link-padding-x / 2);
-  }
-
-  .nav-header:not(:first-of-type) {
-    padding: ($nav-link-padding-y * 1.5) ($nav-link-padding-x / 2) ($nav-link-padding-y / 2);
-  }
-
-  .nav-link > .right,
-  .nav-link > p > .right {
-    top: .5rem;
-    right: .5rem;
-
-    &:nth-child(2) {
-      right: 1.6rem;
-    }
-  }
-}

build/scss/_miscellaneous.scss

@@ -1,444 +0,0 @@
-//
-// Misc: Miscellaneous
-//
-
-.border-transparent {
-  border-color: transparent !important;
-}
-
-// Description Blocks
-.description-block {
-  display: block;
-  margin: 10px 0;
-  text-align: center;
-
-  &.margin-bottom {
-    margin-bottom: 25px;
-  }
-
-  > .description-header {
-    font-size: 16px;
-    font-weight: 600;
-    margin: 0;
-    padding: 0;
-  }
-
-  > .description-text {
-    text-transform: uppercase;
-  }
-
-  // Description Block Extension
-  .description-icon {
-    font-size: 16px;
-  }
-}
-
-// List utility classes
-.list-group-unbordered {
-  > .list-group-item {
-    border-left: 0;
-    border-radius: 0;
-    border-right: 0;
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-
-.list-header {
-  color: $gray-600;
-  font-size: 15px;
-  font-weight: bold;
-  padding: 10px 4px;
-}
-
-.list-seperator {
-  background: $card-border-color;
-  height: 1px;
-  margin: 15px 0 9px;
-}
-
-.list-link {
-  > a {
-    color: $gray-600;
-    padding: 4px;
-
-    &:hover {
-      color: $gray-900;
-    }
-  }
-}
-
-// User block
-.user-block {
-  float: left;
-
-  img {
-    float: left;
-    height: 40px;
-    width: 40px;
-  }
-
-  .username,
-  .description,
-  .comment {
-    display: block;
-    margin-left: 50px;
-  }
-
-  .username {
-    font-size: 16px;
-    font-weight: 600;
-    margin-top: -1px;
-  }
-
-  .description {
-    color: $gray-600;
-    font-size: 13px;
-    margin-top: -3px;
-  }
-
-  &.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 {
-  height: 30px !important;
-  width: 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-500;
-  padding: 3px;
-}
-
-.img-bordered-sm {
-  border: 2px solid $gray-500;
-  padding: 2px;
-}
-
-// Rounded and Circle Images
-.img-rounded {
-  @include border-radius($border-radius)
-}
-
-.img-circle {
-  @include border-radius(50%);
-}
-
-// Image sizes
-.img-size-64,
-.img-size-50,
-.img-size-32 {
-  height: auto;
-}
-
-.img-size-64 {
-  width: 64px;
-}
-
-.img-size-50 {
-  width: 50px;
-}
-
-.img-size-32 {
-  width: 32px;
-}
-
-// Block sizes
-.size-32,
-.size-40,
-.size-50 {
-  display: block;
-  text-align: center;
-}
-
-.size-32 {
-  height: 32px;
-  line-height: 32px;
-  width: 32px;
-}
-
-.size-40 {
-  height: 40px;
-  line-height: 40px;
-  width: 40px;
-}
-
-.size-50 {
-  height: 50px;
-  line-height: 50px;
-  width: 50px;
-}
-
-// General attachemnt block
-.attachment-block {
-  background: $gray-100;
-  border: 1px solid $card-border-color;
-  margin-bottom: 10px;
-  padding: 5px;
-
-  .attachment-img {
-    float: left;
-    height: auto;
-    max-height: 100px;
-    max-width: 100px;
-  }
-
-  .attachment-pushed {
-    margin-left: 110px;
-  }
-
-  .attachment-heading {
-    margin: 0;
-  }
-
-  .attachment-text {
-    color: $gray-700;
-  }
-}
-
-// Overlays for Card, InfoBox & SmallBox
-.card,
-.overlay-wrapper,
-.info-box,
-.small-box {
-  // Box overlay for LOADING STATE effect
-  > .overlay,
-  > .loading-img {
-    height: 100%;
-    left: 0;
-    position: absolute;
-    top: 0;
-    width: 100%;
-  }
-
-  .overlay {
-    @include border-radius($border-radius);
-    align-items: center;
-    background: rgba($white, 0.7);
-    display: flex;
-    justify-content: center;
-    z-index: 50;
-
-    > .fa,
-    > .fas,
-    > .far,
-    > .fab,
-    > .glyphicon,
-    > .ion {
-      color: $gray-800;
-    }
-
-    &.dark {
-      background: rgba($black, 0.5);
-
-      > .fa,
-      > .fas,
-      > .far,
-      > .fab,
-      > .glyphicon,
-      > .ion {
-        color: $gray-400;
-      }
-    }
-  }
-}
-
-// Ribbon
-.ribbon-wrapper {
-  height: $ribbon-wrapper-size;
-  overflow: hidden;
-  position: absolute;
-  right: -2px;
-  top: -2px;
-  width: $ribbon-wrapper-size;
-  z-index: 10;
-
-  &.ribbon-lg {
-    height: $ribbon-lg-wrapper-size;
-    width: $ribbon-lg-wrapper-size;
-
-    .ribbon {
-      right: $ribbon-lg-right;
-      top: $ribbon-lg-top;
-      width: $ribbon-lg-width;
-    }
-  }
-
-  &.ribbon-xl {
-    height: $ribbon-xl-wrapper-size;
-    width: $ribbon-xl-wrapper-size;
-
-    .ribbon {
-      right: $ribbon-xl-right;
-      top: $ribbon-xl-top;
-      width: $ribbon-xl-width;
-    }
-  }
-
-  .ribbon {
-    box-shadow: 0 0 $ribbon-border-size rgba($black, .3);
-    font-size: $ribbon-font-size;
-    line-height: $ribbon-line-height;
-    padding: $ribbon-padding;
-    position: relative;
-    right: $ribbon-right;
-    text-align: center;
-    text-shadow: 0 -1px 0 rgba($black, .4);
-    text-transform: uppercase;
-    top: $ribbon-top;
-    transform: rotate(45deg);
-    width: $ribbon-width;
-
-    &::before,
-    &::after {
-      border-left: $ribbon-border-size solid transparent;
-      border-right: $ribbon-border-size solid transparent;
-      border-top: $ribbon-border-size solid #9e9e9e;
-      bottom: -$ribbon-border-size;
-      content: '';
-      position: absolute;
-    }
-
-    &::before {
-      left: 0;
-    }
-
-    &::after {
-      right: 0;
-    }
-  }
-}
-
-// Scroll To Top
-.back-to-top {
-  bottom: 1.25rem;
-  position: fixed;
-  right: 1.25rem;
-
-  &:focus {
-    box-shadow: none;
-  }
-}
-
-// Pre
-pre {
-  padding: .75rem;
-}
-
-// Blockquotes styles
-blockquote {
-  background: $white;
-  border-left: .7rem solid $primary;
-  margin: 1.5em .7rem;
-  padding: 0.5em .7rem;
-
-  .box & {
-    background: $gray-200;
-  }
-
-  p:last-child {
-    margin-bottom: 0;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: $primary;
-    font-size: 1.25rem;
-    font-weight: 600;
-  }
-
-  @each $color, $value in $theme-colors {
-    &.quote-#{$color} {
-      border-color: $value;
-
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        color: $value;
-      }
-    }
-  }
-
-  @each $color, $value in $colors {
-    &.quote-#{$color} {
-      border-color: $value;
-
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        color: $value;
-      }
-    }
-  }
-}
-
-
-// Tab Custom Content
-
-.tab-custom-content {
-  border-top: $nav-tabs-border-width solid $nav-tabs-border-color;
-  margin-top: .5rem;
-  padding-top: .5rem;
-}
-
-.nav + .tab-custom-content {
-  border-top: none;
-  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
-  margin-top: 0;
-  margin-bottom: .5rem;
-  padding-bottom: .5rem;
-}

build/scss/_mixins.scss

@@ -1,466 +0,0 @@
-//
-// General: Mixins
-//
-
-
-// Cards Variant
-@mixin cards-variant($name, $color) {
-  .card-#{$name} {
-    &:not(.card-outline) {
-      > .card-header {
-        background-color: $color;
-        border-bottom: 0;
-
-        &,
-        a {
-          color: color-yiq($color);
-        }
-      }
-    }
-
-    &.card-outline {
-      border-top: 3px solid $color;
-    }
-  }
-
-  .bg-#{$name},
-  .bg-gradient-#{$name},
-  .card-#{$name}:not(.card-outline) {
-    .btn-tool {
-      color: rgba(color-yiq($color), 0.8);
-
-      &:hover {
-        color: color-yiq($color);
-      }
-    }
-  }
-
-  .card.bg-#{$name},
-  .card.bg-gradient-#{$name} {
-    .bootstrap-datetimepicker-widget {
-      .table td,
-      .table th {
-        border: none;
-      }
-
-      table thead tr:first-child th:hover,
-      table td.day:hover,
-      table td.hour:hover,
-      table td.minute:hover,
-      table td.second:hover {
-        background: darken($color, 8%);
-        color: color-yiq($color);
-      }
-
-      table td.today::before {
-        border-bottom-color: color-yiq($color);
-      }
-
-      table td.active,
-      table td.active:hover {
-        background: lighten($color, 10%);
-        color: color-yiq($color);
-      }
-    }
-  }
-}
-
-// Sidebar Color
-@mixin sidebar-color($color) {
-  .nav-sidebar > .nav-item {
-    & > .nav-link.active {
-      background-color: $color;
-      color: color-yiq($color);
-    }
-  }
-}
-
-// Sidebar Mini Breakpoints
-@mixin sidebar-mini-breakpoint() {
-  // A fix for text overflow while transitioning from sidebar mini to full sidebar
-  .nav-sidebar,
-  .nav-sidebar > .nav-header,
-  .nav-sidebar .nav-link {
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
-  // When the sidebar is collapsed...
-  &.sidebar-collapse {
-    .d-hidden-mini {
-      display: none;
-    }
-
-    // Apply the new margins to the main content and footer
-    .content-wrapper,
-    .main-footer,
-    .main-header {
-      margin-left: $sidebar-mini-width !important;
-    }
-
-    // Make the sidebar headers
-    .nav-sidebar .nav-header {
-      display: none;
-    }
-
-    .nav-sidebar .nav-link p {
-      width: 0;
-    }
-
-    .sidebar .user-panel > .info,
-    .nav-sidebar .nav-link p,
-    .brand-text {
-      margin-left: -10px;
-      opacity: 0;
-      visibility: hidden;
-    }
-
-    .logo-xl {
-      opacity: 0;
-      visibility: hidden;
-    }
-
-    .logo-xs {
-      display: inline-block;
-      opacity: 1;
-      visibility: visible;
-    }
-
-    // Modify the sidebar to shrink instead of disappearing
-    .main-sidebar {
-      overflow-x: hidden;
-
-      &,
-      &::before {
-        // Don't go away! Just shrink
-        margin-left: 0;
-        width: $sidebar-mini-width;
-      }
-
-      .user-panel {
-        .image {
-          float: none;
-        }
-      }
-
-      &:hover,
-      &.sidebar-focused {
-        width: $sidebar-width;
-
-        .nav-sidebar.nav-child-indent .nav-treeview {
-          padding-left: 1rem;
-        }
-
-        .brand-link {
-          width: $sidebar-width;
-        }
-
-        .user-panel {
-          text-align: left;
-
-          .image {
-            float: left;
-          }
-        }
-
-        .user-panel > .info,
-        .nav-sidebar .nav-link p,
-        .brand-text,
-        .logo-xl {
-          display: inline-block;
-          margin-left: 0;
-          opacity: 1;
-          visibility: visible;
-        }
-
-        .logo-xs {
-          opacity: 0;
-          visibility: hidden;
-        }
-
-        .brand-image {
-          margin-right: .5rem;
-        }
-
-        // Make the sidebar links, menus, labels, badges
-        // and angle icons disappear
-        .sidebar-form,
-        .user-panel > .info {
-          display: block !important;
-          -webkit-transform: translateZ(0);
-        }
-
-        .nav-sidebar > .nav-item > .nav-link > span {
-          display: inline-block !important;
-        }
-      }
-    }
-
-    // Make an element visible only when sidebar mini is active
-    .visible-sidebar-mini {
-      display: block !important;
-    }
-
-    &.layout-fixed {
-      .main-sidebar:hover {
-        .brand-link {
-          width: $sidebar-width;
-        }
-      }
-
-      .brand-link {
-        width: $sidebar-mini-width;
-      }
-    }
-  }
-}
-
-// Navbar Variant
-@mixin 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;
-
-  .nav > li > a {
-    color: $font-color;
-  }
-
-  .nav > li > a:hover,
-  .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;
-  }
-
-  // Add color to the sidebar toggle button
-  .sidebar-toggle {
-    color: $font-color;
-
-    &:hover,
-    &:focus {
-      background: $hover-bg;
-      color: $hover-color;
-    }
-  }
-}
-
-// Logo color Variant
-@mixin logo-variant($bg-color, $color: #fff, $border-bottom-color: transparent, $border-bottom-width: 0) {
-  background-color: $bg-color;
-  border-bottom: $border-bottom-width solid $border-bottom-color;
-  color: $color;
-
-  &:hover,
-  &:focus {
-    background-color: darken($bg-color, 1%);
-  }
-}
-
-// Direct Chat Variant
-@mixin direct-chat-variant($bg-color, $color: #fff) {
-  .right > .direct-chat-text {
-    background: $bg-color;
-    border-color: $bg-color;
-    color: color-yiq($bg-color);
-
-    &::after,
-    &::before {
-      border-left-color: $bg-color;
-    }
-  }
-
-  @each $name, $color in $theme-colors {
-    &.bg-#{$name},
-    &.bg-gradient-#{$name} {
-      .direct-chat-timestamp {
-        @if (color-yiq($color) == $yiq-text-dark) {
-          color: lighten(color-yiq($color), 10%);
-        } @else {
-          color: darken(color-yiq($color), 20%);
-        }
-      }
-    }
-  }
-
-  @each $name, $color in $colors {
-    &.bg-#{$name},
-    &.bg-gradient-#{$name} {
-      .direct-chat-timestamp {
-        @if (color-yiq($color) == $yiq-text-dark) {
-          color: lighten(color-yiq($color), 10%);
-        } @else {
-          color: darken(color-yiq($color), 20%);
-        }
-      }
-    }
-  }
-}
-
-// Background Variant
-@mixin background-variant($name, $color) {
-  .bg-#{$name} {
-    background-color: #{$color} !important;
-
-    &,
-    > a {
-      color: color-yiq($color) !important;
-    }
-
-    &.btn {
-      &:hover {
-        border-color: darken($color, 10%);
-        color: darken(color-yiq($color), 7.5%);
-      }
-
-      &:active,
-      &.active {
-        border-color: darken($color, 12.5%);
-        color: darken(color-yiq($color), 10%);
-      }
-    }
-  }
-}
-
-// Background Gradient Variant
-@mixin background-gradient-variant($name, $color) {
-  .bg-gradient-#{$name} {
-    @include bg-gradient-variant('&', $color);
-    color: color-yiq($color);
-
-    &.btn {
-      &.disabled,
-      &:disabled,
-      &:not(:disabled):not(.disabled):active,
-      &:not(:disabled):not(.disabled).active,
-      .show > &.dropdown-toggle {
-        background-image: none !important;
-      }
-
-      &:hover {
-        @include bg-gradient-variant('&', darken($color, 7.5%));
-        border-color: darken($color, 10%);
-        color: darken(color-yiq($color), 7.5%);
-      }
-
-      &:active,
-      &.active {
-        @include bg-gradient-variant('&', darken($color, 10%));
-        border-color: darken($color, 12.5%);
-        color: darken(color-yiq($color), 10%);
-      }
-    }
-  }
-}
-
-// Custom Switch Variant
-@mixin custom-switch-variant($name, $color) {
-  &.custom-switch-off-#{$name} {
-    & .custom-control-input ~ .custom-control-label::before {
-      background: #{$color};
-      border-color: darken($color, 20%);
-    }
-
-    & .custom-control-input:focus ~ .custom-control-label::before {
-      box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
-    }
-
-    & .custom-control-input ~ .custom-control-label::after {
-      background: darken($color, 25%);
-    }
-  }
-
-  &.custom-switch-on-#{$name} {
-    & .custom-control-input:checked ~ .custom-control-label::before {
-      background: #{$color};
-      border-color: darken($color, 20%);
-    }
-
-    & .custom-control-input:checked:focus ~ .custom-control-label::before {
-      box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
-    }
-
-    & .custom-control-input:checked ~ .custom-control-label::after {
-      background: lighten($color, 30%);
-    }
-  }
-}
-
-// Custom Range Variant
-@mixin custom-range-variant($name, $color) {
-  &.custom-range-#{$name} {
-    &:focus {
-      outline: none;
-
-      &::-webkit-slider-thumb {
-        box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
-      }
-
-      &::-moz-range-thumb     {
-        box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
-      }
-
-      &::-ms-thumb            {
-        box-shadow: 0 0 0 1px $body-bg, 0 0 0 2px rgba($color, .25);
-      }
-    }
-
-    &::-webkit-slider-thumb {
-      background-color: $color;
-
-      &:active {
-        background-color: lighten($color, 35%);
-      }
-    }
-
-    &::-moz-range-thumb {
-      background-color: $color;
-
-      &:active {
-        background-color: lighten($color, 35%);
-      }
-    }
-
-    &::-ms-thumb {
-      background-color: $color;
-
-      &:active {
-        background-color: lighten($color, 35%);
-      }
-    }
-  }
-}
-
-
-// ETC
-@mixin translate($x, $y) {
-  transform: translate($x, $y);
-}
-
-// Different radius each side
-@mixin border-radius-sides($top-left, $top-right, $bottom-left, $bottom-right) {
-  border-radius: $top-left $top-right $bottom-left $bottom-right;
-}
-
-@mixin calc($property, $expression) {
-  #{$property}: calc(#{$expression});
-}
-
-@mixin rotate($value) {
-  transform: rotate($value);
-}
-
-@mixin animation($animation) {
-  animation: $animation;
-}
-
-// Gradient background
-@mixin 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));
-  background: -ms-linear-gradient(bottom, $start, $stop);
-  background: -moz-linear-gradient(center bottom, $start 0%, $stop 100%);
-  background: -o-linear-gradient($stop, $start);
-}
-

build/scss/_modals.scss

@@ -1,39 +0,0 @@
-//
-// Component: Modals
-//
-
-// Overlay
-.modal-dialog {
-  .overlay {
-    background-color: $black;
-    display: block;
-    height: 100%;
-    left: 0;
-    opacity: .7;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    z-index: ($zindex-modal + 2);
-  }
-}
-
-
-// BG Color Variations Fixes
-.modal-content {
-  &.bg-warning {
-    .modal-header,
-    .modal-footer {
-      border-color: $gray-800;
-    }
-  }
-
-  &.bg-primary,
-  &.bg-secondary,
-  &.bg-info,
-  &.bg-danger,
-  &.bg-success, {
-    .close {
-      color: $white;
-    }
-  }
-}

build/scss/_navs.scss

@@ -1,82 +0,0 @@
-//
-// Component: Nav
-//
-
-.nav-pills {
-  .nav-link {
-    color: $gray-600;
-
-    &:not(.active):hover {
-      color: theme-color('primary');
-    }
-  }
-
-  .nav-item {
-    &.dropdown.show {
-      .nav-link:hover {
-        color: $dropdown-link-active-color;
-      }
-    }
-  }
-}
-
-// Vertical Tabs
-.nav-tabs.flex-column {
-  border-bottom: 0;
-  border-right: $nav-tabs-border-width solid $nav-tabs-border-color;
-
-  .nav-link {
-    margin-right: -$nav-tabs-border-width;
-
-    @include hover-focus {
-      border-color: $gray-200 $nav-tabs-border-color $gray-200 $gray-200;
-    }
-  }
-
-  .nav-link.active,
-  .nav-item.show .nav-link {
-    border-color: $gray-300 $nav-tabs-link-active-bg $gray-300 $gray-300;
-  }
-
-  &.nav-tabs-right {
-    border-left: $nav-tabs-border-width solid $nav-tabs-border-color;
-    border-right: 0;
-
-
-    .nav-link {
-      margin-left: -$nav-tabs-border-width;
-
-      @include hover-focus {
-        border-color: $gray-200 $gray-200 $gray-200 $nav-tabs-border-color;
-      }
-    }
-
-    .nav-link.active,
-    .nav-item.show .nav-link {
-      border-color: $gray-300 $gray-300 $gray-300 $nav-tabs-link-active-bg;
-    }
-  }
-}
-
-// Color variants
-@each $color, $value in $theme-colors {
-  @if $color == dark or $color == light {
-    .navbar-#{$color} {
-      background-color: $value;
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  @if $color != dark and $color != light {
-    .navbar-#{$color} {
-      background-color: $value;
-    }
-  }
-}
-
-@each $color, $value in $colors {
-  .navbar-#{$color} {
-    background-color: $value;
-  }
-}

build/scss/_print.scss

@@ -1,52 +0,0 @@
-//
-// Misc: Print
-//
-
-@media print {
-  //Add to elements that you do not want to show when printing
-  .no-print {
-    display: none !important;
-  }
-
-  //Elements that we want to hide when printing
-  .main-sidebar,
-  .main-header,
-  .content-header {
-    @extend .no-print;
-  }
-
-  //This is the only element that should appear, so let's remove the margins
-  .content-wrapper,
-  .main-footer {
-    @include translate(0, 0);
-    margin-left: 0 !important;
-    min-height: 0 !important;
-  }
-
-  .layout-fixed .content-wrapper {
-    padding-top: 0 !important;
-  }
-
-  //Invoice printing
-  .invoice {
-    border: 0;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-  }
-
-  .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;
-    }
-  }
-}

build/scss/_products.scss

@@ -1,54 +0,0 @@
-//
-// Component: Products
-//
-
-.products-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-
-  > .item {
-    @include clearfix;
-
-    @if $enable-rounded {
-      @include border-radius($border-radius);
-    }
-
-    background: $white;
-    padding: 10px 0;
-  }
-
-  .product-img {
-    float: left;
-
-    img {
-      height: 50px;
-      width: 50px;
-    }
-  }
-
-  .product-info {
-    margin-left: 60px;
-  }
-
-  .product-title {
-    font-weight: 600;
-  }
-
-  .product-description {
-    color: $gray-600;
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-.product-list-in-card > .item {
-  @include border-radius(0);
-  border-bottom: 1px solid $card-border-color;
-
-  &:last-of-type {
-    border-bottom-width: 0;
-  }
-}

build/scss/_progress-bars.scss

@@ -1,66 +0,0 @@
-//
-// Component: Progress Bar
-//
-
-//General CSS
-.progress {
-  @include box-shadow(none);
-  @include border-radius($progress-bar-border-radius);
-
-  // Vertical bars
-  &.vertical {
-    display: inline-block;
-    height: 200px;
-    margin-right: 10px;
-    position: relative;
-    width: 30px;
-
-    > .progress-bar {
-      bottom: 0;
-      position: absolute;
-      width: 100%;
-    }
-
-    //Sizes
-    &.sm,
-    &.progress-sm {
-      width: 20px;
-    }
-
-    &.xs,
-    &.progress-xs {
-      width: 10px;
-    }
-
-    &.xxs,
-    &.progress-xxs {
-      width: 3px;
-    }
-  }
-}
-
-.progress-group {
-  @extend .mb-2;
-}
-
-// size variation
-.progress-sm {
-  height: 10px;
-}
-
-.progress-xs {
-  height: 7px;
-}
-
-.progress-xxs {
-  height: 3px;
-}
-
-// Remove margins from progress bars when put in a table
-.table {
-  tr > td {
-    .progress {
-      margin: 0;
-    }
-  }
-}

build/scss/_sidebar-mini.scss

@@ -1,114 +0,0 @@
-//
-// Component: Sidebar Mini
-//
-
-// Logo style
-.logo-xs,
-.logo-xl {
-  margin: 0;
-  opacity: 1;
-  position: absolute;
-  visibility: visible;
-
-  &.brand-image-xs {
-    left: 18px;
-    top: 12px;
-  }
-
-  &.brand-image-xl {
-    left: 12px;
-    top: 6px;
-  }
-}
-
-.logo-xs {
-  opacity: 0;
-  visibility: hidden;
-
-  &.brand-image-xl {
-    left: 16px;
-    top: 8px;
-  }
-}
-
-.brand-link {
-  &.logo-switch {
-    &::before {
-      content: '\00a0';
-    }
-  }
-}
-
-// Add sidebar-mini class to the body tag to activate this feature
-.sidebar-mini {
-  @include media-breakpoint-up(lg) {
-    @include sidebar-mini-breakpoint;
-  }
-}
-
-.sidebar-mini-md {
-  @include media-breakpoint-up(md) {
-    @include sidebar-mini-breakpoint;
-  }
-}
-
-.sidebar-collapse {
-  .sidebar-no-expand.main-sidebar.sidebar-focused,
-  .sidebar-no-expand.main-sidebar:hover {
-    width: $sidebar-mini-width;
-
-    .brand-link {
-      width: $sidebar-mini-width !important;
-    }
-
-    .user-panel .image {
-      float: none !important;
-    }
-
-    .brand-text,
-    .user-panel > .info,
-    .nav-sidebar .nav-link p {
-      margin-left: -10px;
-      opacity: 0;
-      visibility: hidden;
-      width: 0;
-    }
-
-    .nav-sidebar > .nav-item .nav-icon {
-      margin-right: 0;
-    }
-  }
-}
-
-.nav-sidebar {
-  position: relative;
-
-  &:hover {
-    overflow: visible;
-  }
-}
-
-.sidebar-form,
-.nav-sidebar > .nav-header {
-  overflow: hidden;
-  text-overflow: clip;
-}
-
-.nav-sidebar .nav-item > .nav-link {
-  position: relative;
-
-  > .float-right {
-    margin-top: -7px;
-    position: absolute;
-    right: 10px;
-    top: 50%;
-  }
-}
-
-.sidebar .nav-link p,
-.main-sidebar .brand-text,
-.main-sidebar .logo-xs,
-.main-sidebar .logo-xl,
-.sidebar .user-panel .info {
-  @include transition(margin-left $transition-speed linear, opacity $transition-speed ease, visibility $transition-speed ease)
-}

build/scss/_small-box.scss

@@ -1,153 +0,0 @@
-//
-// Component: Small Box
-//
-
-.small-box {
-  @include border-radius($border-radius);
-  @include box-shadow($card-shadow);
-  @extend .mb-3;
-
-  display: block;
-  margin-bottom: 20px;
-  position: relative;
-
-  // content wrapper
-  > .inner {
-    padding: 10px;
-  }
-
-  > .small-box-footer {
-    background: rgba($black, 0.1);
-    color: rgba($white, 0.8);
-    display: block;
-    padding: 3px 0;
-    position: relative;
-    text-align: center;
-    text-decoration: none;
-    z-index: 10;
-
-    &:hover {
-      background: rgba($black, 0.15);
-      color: $white;
-    }
-  }
-
-  h3 {
-    @include font-size(2.2rem);
-    font-weight: bold;
-    margin: 0 0 10px 0;
-    padding: 0;
-    white-space: nowrap;
-  }
-
-  @include media-breakpoint-up(lg) {
-    .col-xl-2 &,
-    .col-lg-2 &,
-    .col-md-2 & {
-      h3 {
-        @include font-size(1.6rem);
-      }
-    }
-
-    .col-xl-3 &,
-    .col-lg-3 &,
-    .col-md-3 & {
-      h3 {
-        @include font-size(1.6rem);
-      }
-    }
-  }
-
-  @include media-breakpoint-up(xl) {
-    .col-xl-2 &,
-    .col-lg-2 &,
-    .col-md-2 & {
-      h3 {
-        @include font-size(2.2rem);
-      }
-    }
-
-    .col-xl-3 &,
-    .col-lg-3 &,
-    .col-md-3 & {
-      h3 {
-        @include font-size(2.2rem);
-      }
-    }
-  }
-
-  p {
-    font-size: 1rem;
-
-    > small {
-      color: $gray-100;
-      display: block;
-      font-size: 0.9rem;
-      margin-top: 5px;
-    }
-  }
-
-  h3,
-  p {
-    z-index: 5;
-  }
-
-  // the icon
-  .icon {
-    color: rgba($black, 0.15);
-    z-index: 0;
-
-    > i {
-      font-size: 90px;
-      position: absolute;
-      right: 15px;
-      top: 15px;
-      transition: all $transition-speed linear;
-
-      &.fa,
-      &.fas,
-      &.far,
-      &.fab,
-      &.glyphicon,
-      &.ion {
-        font-size: 70px;
-        top: 20px;
-      }
-    }
-
-  }
-
-  // Small box hover state
-  &:hover {
-    text-decoration: none;
-
-    // Animate icons on small box hover
-    .icon > i {
-      font-size: 95px;
-
-      &.fa,
-      &.fas,
-      &.far,
-      &.fab,
-      &.glyphicon,
-      &.ion {
-        font-size: 75px;
-      }
-    }
-  }
-}
-
-@include media-breakpoint-down(sm) {
-  // No need for icons on very small devices
-  .small-box {
-    text-align: center;
-
-    .icon {
-      display: none;
-    }
-
-    p {
-      font-size: 12px;
-    }
-  }
-}

build/scss/_social-widgets.scss

@@ -1,93 +0,0 @@
-//
-// Component: Social Widgets
-//
-
-//General widget style
-.card-widget {
-  border: 0;
-  position: relative;
-}
-
-//User Widget Style 1
-.widget-user {
-
-  //User name container
-  .widget-user-header {
-    @if $enable-rounded {
-      @include border-top-radius($border-radius);
-    }
-
-    height: 135px;
-    padding: 1rem;
-    text-align: center;
-  }
-
-  //User name
-  .widget-user-username {
-    font-size: 25px;
-    font-weight: 300;
-    margin-bottom: 0;
-    margin-top: 0;
-    text-shadow: 0 1px 1px rgba($black, 0.2);
-  }
-
-  //User single line description
-  .widget-user-desc {
-    margin-top: 0;
-  }
-
-  //User image container
-  .widget-user-image {
-    left: 50%;
-    margin-left: -45px;
-    position: absolute;
-    top: 80px;
-
-    > img {
-      border: 3px solid $white;
-      height: auto;
-      width: 90px;
-    }
-  }
-
-  .card-footer {
-    padding-top: 50px;
-  }
-}
-
-//User Widget Style 2
-.widget-user-2 {
-
-  //User name container
-  .widget-user-header {
-    @include border-top-radius($border-radius);
-    padding: 1rem;
-  }
-
-  //User name
-  .widget-user-username {
-    font-size: 25px;
-    font-weight: 300;
-    margin-bottom: 5px;
-    margin-top: 5px;
-  }
-
-  //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 {
-      float: left;
-      height: auto;
-      width: 65px;
-    }
-  }
-}

build/scss/_table.scss

@@ -1,74 +0,0 @@
-//
-// Component: Table
-//
-
-.table {
-  &:not(.table-dark) {
-    color: inherit;
-  }
-
-  // fixed table head
-  &.table-head-fixed {
-    thead tr:nth-child(1) th {
-      background-color: $white;
-      border-bottom: 0;
-      box-shadow: inset 0 1px 0 $table-border-color,
-                  inset 0 -1px 0 $table-border-color;
-      position: sticky;
-      top: 0;
-      z-index: 10;
-    }
-
-    &.table-dark {
-      thead tr {
-        &:nth-child(1) th {
-          background-color: $table-dark-bg;
-          box-shadow: inset 0 1px 0 $table-dark-border-color,
-                      inset 0 -1px 0 $table-dark-border-color;
-        }
-      }
-    }
-  }
-
-  // no border
-  &.no-border {
-    &,
-    td,
-    th {
-      border: 0;
-    }
-  }
-
-  // .text-center in tables
-  &.text-center {
-    &,
-    td,
-    th {
-      text-align: center;
-    }
-  }
-
-  .table-valign-middle {
-    thead > tr > th,
-    thead > tr > td,
-    tbody > tr > th,
-    tbody > tr > td {
-      vertical-align: middle;
-    }
-  }
-
-  .card-body.p-0 & {
-    thead > tr > th,
-    thead > tr > td,
-    tbody > tr > th,
-    tbody > tr > td {
-      &:first-of-type {
-        @extend .pl-4;
-      }
-
-      &:last-of-type {
-        @extend .pr-4;
-      }
-    }
-  }
-}

build/scss/_text.scss

@@ -1,33 +0,0 @@
-//
-// Component: Text
-//
-
-// text modification
-.text-bold {
-  &, &.table td, &.table th {
-    font-weight: 700;
-  }
-}
-
-.text-sm {
-  font-size: $font-size-sm !important;
-}
-
-.text-xs {
-  font-size: $font-size-base !important;
-}
-
-.text-lg {
-  font-size: $font-size-lg !important;
-}
-
-.text-xl {
-  font-size: $font-size-xl !important;
-}
-
-// text color variations
-@each $name, $color in $colors {
-  .text-#{$name} {
-    color: #{$color};
-  }
-}

build/scss/_timeline.scss

@@ -1,124 +0,0 @@
-//
-// Component: Timeline
-//
-
-.timeline {
-  margin: 0 0 45px;
-  padding: 0;
-  position: relative;
-  // The line
-  &::before {
-    @include border-radius($border-radius);
-    background: $gray-300;
-    bottom: 0;
-    content: '';
-    left: 31px;
-    margin: 0;
-    position: absolute;
-    top: 0;
-    width: 4px;
-  }
-  // Element
-  > div {
-    &::before,
-    &::after {
-      content: "";
-      display: table;
-    }
-
-    margin-bottom: 15px;
-    margin-right: 10px;
-    position: relative;
-    // The content
-    > .timeline-item {
-      @include box-shadow($card-shadow);
-      @include border-radius($border-radius);
-      background: $white;
-      color: $gray-700;
-      margin-left: 60px;
-      margin-right: 15px;
-      margin-top: 0;
-      padding: 0;
-      position: relative;
-      // The time and header
-      > .time {
-        color: #999;
-        float: right;
-        font-size: 12px;
-        padding: 10px;
-      }
-      // Header
-      > .timeline-header {
-        border-bottom: 1px solid $card-border-color;
-        color: $gray-700;
-        font-size: 16px;
-        line-height: 1.1;
-        margin: 0;
-        padding: 10px;
-        // Link in header
-        > a {
-          font-weight: 600;
-        }
-      }
-      // Item body and footer
-      > .timeline-body,
-      > .timeline-footer {
-        padding: 10px;
-      }
-
-      > .timeline-body {
-        > img {
-          margin: 10px;
-        }
-      }
-
-      > .timeline-footer {
-        > a {
-          color: $white;
-        }
-      }
-    }
-    // The icons at line
-    > .fa,
-    > .fas,
-    > .far,
-    > .fab,
-    > .glyphicon,
-    > .ion {
-      background: $gray-500;
-      border-radius: 50%;
-      font-size: 15px;
-      height: 30px;
-      left: 18px;
-      line-height: 30px;
-      position: absolute;
-      text-align: center;
-      top: 0;
-      width: 30px;
-    }
-  }
-  // Time label
-  > .time-label {
-    > span {
-      @include border-radius(4px);
-      background-color: $white;
-      display: inline-block;
-      font-weight: 600;
-      padding: 5px;
-    }
-  }
-}
-
-.timeline-inverse {
-  > div {
-    > .timeline-item {
-      @include box-shadow(none);
-      background: $gray-100;
-      border: 1px solid $gray-300;
-
-      > .timeline-header {
-        border-bottom-color: $gray-300;
-      }
-    }
-  }
-}

build/scss/_users-list.scss

@@ -1,45 +0,0 @@
-//
-// Component: Users List
-//
-
-.users-list {
-  @extend .list-unstyled;
-
-  > li {
-    float: left;
-    padding: 10px;
-    text-align: center;
-    width: 25%;
-
-    img {
-      @include border-radius(50%);
-      height: auto;
-      max-width: 100%;
-    }
-
-    > a:hover {
-      &,
-      .users-list-name {
-        color: #999;
-      }
-    }
-  }
-}
-
-.users-list-name,
-.users-list-date {
-  display: block;
-}
-
-.users-list-name {
-  color: $gray-700;
-  font-size: $font-size-sm;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.users-list-date {
-  color: darken($gray-500, 20%);
-  font-size: 12px;
-}

build/scss/_variables.scss

@@ -1,203 +0,0 @@
-//
-// Core: Variables
-//
-
-// COLORS
-// --------------------------------------------------------
-$blue: #0073b7 !default;
-$navy: #001f3f !default;
-$teal: #39cccc !default;
-$olive: #3d9970 !default;
-$lime: #01ff70 !default;
-$orange: #ff851b !default;
-$fuchsia: #f012be !default;
-$purple: #605ca8 !default;
-$maroon: #d81b60 !default;
-$black: #111 !default;
-$gray-x-light: #d2d6de !default;
-
-$colors: map-merge((
-    'navy': $navy,
-    'olive': $olive,
-    'lime': $lime,
-    'fuchsia': $fuchsia,
-    'maroon': $maroon,
-), $colors);
-
-// LAYOUT
-// --------------------------------------------------------
-
-$font-size-root: 1rem !default;
-
-// Sidebar
-$sidebar-width: 250px !default;
-$sidebar-padding-x: 0.5rem !default;
-$sidebar-padding-y: 0 !default;
-
-// Boxed layout maximum width
-$boxed-layout-max-width: 1250px !default;
-
-// When to show the smaller logo
-$screen-header-collapse: map-get($grid-breakpoints, md) !default;
-
-// Body background (Affects main content background only)
-$main-bg: #f4f6f9 !default;
-
-// Content padding
-$content-padding-y: 0 !default;
-$content-padding-x: $navbar-padding-x !default;
-
-// MAIN HEADER
-// --------------------------------------------------------
-$main-header-bottom-border-width: $border-width !default;
-$main-header-bottom-border-color: $gray-300 !default;
-$main-header-bottom-border: $main-header-bottom-border-width solid $main-header-bottom-border-color !default;
-$main-header-link-padding-y: $navbar-padding-y !default;
-$main-header-link-padding-x: $navbar-padding-x !default;
-$main-header-brand-padding-y: $navbar-brand-padding-y !default;
-$main-header-brand-padding-x: $navbar-padding-x !default;
-$main-header-height-inner: ($nav-link-height + ($main-header-link-padding-y * 2)) !default;
-$main-header-height: calc(#{$main-header-height-inner} + #{$main-header-bottom-border-width}) !default;
-
-// Main header skins
-$main-header-dark-form-control-bg: hsla(100, 100%, 100%, 0.2) !default;
-$main-header-dark-form-control-focused-bg: hsla(100, 100%, 100%, 0.6) !default;
-$main-header-dark-form-control-focused-color: $gray-800 !default;
-$main-header-dark-form-control-border: 0 !default;
-$main-header-dark-form-control-focused-border: 0 !default;
-$main-header-dark-placeholder-color: hsla(100, 100%, 100%, 0.6) !default;
-
-$main-header-light-form-control-bg: darken($gray-100, 2%) !default;
-$main-header-light-form-control-focused-bg: $gray-200 !default;
-$main-header-light-form-control-focused-color: $gray-800 !default;
-$main-header-light-form-control-border: 0 !default;
-$main-header-light-form-control-focused-border: 0 !default;
-$main-header-light-placeholder-color: hsla(0, 0%, 0%, 0.6) !default;
-
-// MAIN FOOTER
-// --------------------------------------------------------
-$main-footer-padding: 1rem !default;
-$main-footer-border-top-width: 1px !default;
-$main-footer-border-top-color: $gray-300 !default;
-$main-footer-border-top: $main-footer-border-top-width solid $main-footer-border-top-color !default;
-$main-footer-height-inner: (($font-size-root * $line-height-base) + ($main-footer-padding * 2)) !default;
-$main-footer-height: calc(#{$main-footer-height-inner} + #{$main-footer-border-top-width}) !default;
-$main-footer-bg: $white;
-
-// SIDEBAR SKINS
-// --------------------------------------------------------
-
-// Dark sidebar
-$sidebar-dark-bg: $dark !default;
-$sidebar-dark-hover-bg: hsla(100, 100%, 100%, 0.1) !default;
-$sidebar-dark-color: #C2C7D0 !default;
-$sidebar-dark-hover-color: $white !default;
-$sidebar-dark-active-color: $white !default;
-$sidebar-dark-submenu-bg: transparent !default;
-$sidebar-dark-submenu-color: #C2C7D0 !default;
-$sidebar-dark-submenu-hover-color: $white !default;
-$sidebar-dark-submenu-hover-bg: $sidebar-dark-hover-bg !default;
-$sidebar-dark-submenu-active-color: $sidebar-dark-bg !default;
-$sidebar-dark-submenu-active-bg: hsla(100, 100%, 100%, 0.9) !default;
-$sidebar-dark-header-color: $white !default;
-
-// Light sidebar
-$sidebar-light-bg: $white !default;
-$sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%) !default;
-$sidebar-light-color: $gray-800 !default;
-$sidebar-light-hover-color: $gray-900 !default;
-$sidebar-light-active-color: $white !default;
-$sidebar-light-submenu-bg: transparent !default;
-$sidebar-light-submenu-color: #777 !default;
-$sidebar-light-submenu-hover-color: #000 !default;
-$sidebar-light-submenu-hover-bg: $sidebar-light-hover-bg !default;
-$sidebar-light-submenu-active-color: $sidebar-light-hover-color !default;
-$sidebar-light-submenu-active-bg: $sidebar-light-submenu-hover-bg !default;
-$sidebar-light-header-color: $gray-800 !default;
-
-// SIDEBAR MINI
-// --------------------------------------------------------
-$sidebar-mini-width: ($nav-link-padding-x + $sidebar-padding-x + .8rem) * 2 !default;
-$sidebar-nav-icon-width: $sidebar-mini-width - (($sidebar-padding-x + $nav-link-padding-x) * 2);
-$sidebar-user-image-width: $sidebar-nav-icon-width + ($nav-link-padding-x / 2);
-
-// CONTROL SIDEBAR
-// --------------------------------------------------------
-$control-sidebar-width: $sidebar-width !default;
-
-// Cards
-// --------------------------------------------------------
-$card-border-color: $gray-100 !default;
-$card-dark-border-color: lighten($gray-900, 10%) !default;
-$card-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2) !default;
-$card-title-font-size: 1.1rem;
-$card-title-font-weight: $font-weight-normal;
-
-// PROGRESS BARS
-// --------------------------------------------------------
-$progress-bar-border-radius: 1px !default;
-$progress-bar-sm-border-radius: 1px !default;
-$progress-bar-xs-border-radius: 1px !default;
-
-// DIRECT CHAT
-// --------------------------------------------------------
-$direct-chat-height: 250px !default;
-$direct-chat-default-msg-bg: $gray-x-light !default;
-$direct-chat-default-font-color: #444 !default;
-$direct-chat-default-msg-border-color: $gray-x-light !default;
-
-// CHAT WIDGET
-// --------------------------------------------------------
-$attachment-border-radius: 3px !default;
-
-// Z-INDEX
-// --------------------------------------------------------
-$zindex-main-header: $zindex-fixed + 4 !default;
-$zindex-main-sidebar: $zindex-fixed + 8 !default;
-$zindex-main-footer: $zindex-fixed + 2 !default;
-$zindex-control-sidebar: $zindex-fixed + 1 !default;
-$zindex-sidebar-mini-links: 010 !default;
-
-// TRANSITIONS SETTINGS
-// --------------------------------------------------------
-
-// Transition global options
-$transition-speed: 0.3s !default;
-$transition-fn: ease-in-out !default;
-
-// TEXT
-// --------------------------------------------------------
-$font-size-xl: ($font-size-base * 2);
-
-
-// BUTTON
-// --------------------------------------------------------
-$button-default-background-color: $gray-100 !default;
-$button-default-color: #444 !default;
-$button-default-border-color: #ddd !default;
-
-$button-padding-y-xs: .125rem !default;
-$button-padding-x-xs: .25rem !default;
-$button-line-height-xs: $line-height-sm !default;
-$button-font-size-xs: ($font-size-base * .75) !default;
-$button-border-radius-xs: .15rem !default;
-
-  
-// RIBBON
-// --------------------------------------------------------
-$ribbon-border-size: 3px !default;
-$ribbon-line-height: 100% !default;
-$ribbon-padding: .375rem 0 !default;
-$ribbon-font-size: .8rem !default;
-$ribbon-width: 90px !default;
-$ribbon-wrapper-size: 70px !default;
-$ribbon-top: 10px !default;
-$ribbon-right: -2px !default;
-$ribbon-lg-wrapper-size: 120px !default;
-$ribbon-lg-width: 160px !default;
-$ribbon-lg-top: 26px !default;
-$ribbon-lg-right: 0px !default;
-$ribbon-xl-wrapper-size: 180px !default;
-$ribbon-xl-width: 240px !default;
-$ribbon-xl-top: 47px !default;
-$ribbon-xl-right: 4px !default;

build/scss/pages/_404_500_errors.scss

@@ -1,43 +0,0 @@
-//
-// Pages: 400 and 500 error pages
-//
- 
-.error-page {
-  margin: 20px auto 0;
-  width: 600px;
-
-  @include media-breakpoint-down(sm) {
-    width: 100%;
-  }
-
-  //For the error number e.g: 404
-  > .headline {
-    float: left;
-    font-size: 100px;
-    font-weight: 300;
-
-    @include media-breakpoint-down(sm) {
-      float: none;
-      text-align: center;
-    }
-  }
-
-  //For the message
-  > .error-content {
-    display: block;
-    margin-left: 190px;
-
-    @include media-breakpoint-down(sm) {
-      margin-left: 0;
-    }
-
-    > h3 {
-      font-size: 25px;
-      font-weight: 300;
-
-      @include media-breakpoint-down(sm) {
-        text-align: center;
-      }
-    }
-  }
-}

build/scss/pages/_e_commerce.scss

@@ -1,45 +0,0 @@
-//
-// Pages: E-commerce
-//
-
-// product image
-.product-image {
-  @include img-fluid;
-  width: 100%;
-}
-
-// product image thumbnails list
-.product-image-thumbs {
-  align-items: stretch;
-  display: flex;
-  margin-top: 2rem;
-}
-
-// product image thumbnail
-.product-image-thumb {
-  @include box-shadow($thumbnail-box-shadow);
-  @include border-radius($thumbnail-border-radius);
-
-  background-color: $thumbnail-bg;
-  border: $thumbnail-border-width solid $thumbnail-border-color;
-  display: flex;
-  margin-right: 1rem;
-  max-width: 6.5rem + ($thumbnail-padding * 2);
-  padding: $thumbnail-padding * 2;
-
-  img {
-    @include img-fluid;
-    align-self: center;
-  }
-
-  &:hover {
-    opacity: 0.5;
-  }
-}
-
-// product share
-.product-share {
-  a {
-    margin-right: .5rem;
-  }
-}

build/scss/pages/_invoice.scss

@@ -1,13 +0,0 @@
-//
-// Pages: Invoice
-//
-
-.invoice {
-  background: $white;
-  border: 1px solid $card-border-color;
-  position: relative;
-}
-
-.invoice-title {
-  margin-top: 0;
-}

build/scss/pages/_lockscreen.scss

@@ -1,78 +0,0 @@
-//
-// Pages: Lock Screen
-//
-
-// ADD THIS CLASS TO THE <BODY> TAG
-.lockscreen {
-  background: $gray-200;
-
-  // User name [optional]
-  .lockscreen-name {
-    font-weight: 600;
-    text-align: center;
-  }
-}
-
-.lockscreen-logo {
-  font-size: 35px;
-  font-weight: 300;
-  margin-bottom: 25px;
-  text-align: center;
-
-  a {
-    color: $gray-700;
-  }
-}
-
-.lockscreen-wrapper {
-  margin: 0 auto;
-  margin-top: 10%;
-  max-width: 400px;
-}
-
-
-// Will contain the image and the sign in form
-.lockscreen-item {
-  @include border-radius(4px);
-  background: $white;
-  margin: 10px auto 30px;
-  padding: 0;
-  position: relative;
-  width: 290px;
-}
-
-// User image
-.lockscreen-image {
-  @include border-radius(50%);
-  background: $white;
-  left: -10px;
-  padding: 5px;
-  position: absolute;
-  top: -25px;
-  z-index: 10;
-
-  > img {
-    @include border-radius(50%);
-    height: 70px;
-    width: 70px;
-  }
-}
-
-// Contains the password input and the login button
-.lockscreen-credentials {
-  margin-left: 70px;
-
-  .form-control {
-    border: 0;
-  }
-
-  .btn {
-    background-color: $white;
-    border: 0;
-    padding: 0 10px;
-  }
-}
-
-.lockscreen-footer {
-  margin-top: 10px;
-}

build/scss/pages/_login_and_register.scss

@@ -1,93 +0,0 @@
-//
-// Pages: Login & Register
-//
-
-.login-logo,
-.register-logo {
-  font-size: 2.1rem;
-  font-weight: 300;
-  margin-bottom: 0.9rem;
-  text-align: center;
-
-  a {
-    color: $gray-700;
-  }
-}
-
-.login-page,
-.register-page {
-  background: $gray-200;
-}
-
-.login-box,
-.register-box {
-  margin: 7% auto;
-  width: 360px;
-
-  @media (max-width: map-get($grid-breakpoints, sm)) {
-    margin-top: 20px;
-    width: 90%;
-  }
-}
-
-.login-card-body,
-.register-card-body {
-  background: $white;
-  border-top: 0;
-  color: #666;
-  padding: 20px;
-
-  .input-group {
-    .form-control {
-      border-right: 0;
-
-      &:focus {
-        box-shadow: none;
-
-        & ~ .input-group-append .input-group-text {
-          border-color: $input-focus-border-color;
-        }
-      }
-
-      &.is-valid {
-        &:focus {
-          box-shadow: none;
-        }
-
-        & ~ .input-group-append .input-group-text {
-          border-color: $success;
-        }
-      }
-
-      &.is-invalid {
-        &:focus {
-          box-shadow: none;
-        }
-
-        & ~ .input-group-append .input-group-text {
-          border-color: $danger;
-        }
-      }
-    }
-
-    .input-group-text {
-      background-color: transparent;
-      border-bottom-right-radius: $border-radius !important;
-      border-left: 0;
-      border-top-right-radius: $border-radius !important;
-      color: #777;
-      transition: $input-transition;
-    }
-  }
-}
-
-.login-box-msg,
-.register-box-msg {
-  margin: 0;
-  padding: 0 20px 20px;
-  text-align: center;
-}
-
-.social-auth-links {
-  margin: 10px 0;
-}

build/scss/pages/_mailbox.scss

@@ -1,99 +0,0 @@
-//
-// Pages: Mailbox
-//
-
-.mailbox-messages {
-  > .table {
-    margin: 0;
-  }
-}
-
-.mailbox-controls {
-  padding: 5px;
-
-  &.with-border {
-    border-bottom: 1px solid $card-border-color;
-  }
-}
-
-.mailbox-read-info {
-  border-bottom: 1px solid $card-border-color;
-  padding: 10px;
-
-  h3 {
-    font-size: 20px;
-    margin: 0;
-  }
-
-  h5 {
-    margin: 0;
-    padding: 5px 0 0;
-  }
-}
-
-.mailbox-read-time {
-  color: #999;
-  font-size: 13px;
-}
-
-.mailbox-read-message {
-  padding: 10px;
-}
-
-.mailbox-attachments {
-  @extend .list-unstyled;
-  li {
-    border: 1px solid #eee;
-    float: left;
-    margin-bottom: 10px;
-    margin-right: 10px;
-    width: 200px;
-  }
-}
-
-.mailbox-attachment-name {
-  color: #666;
-  font-weight: bold;
-}
-
-.mailbox-attachment-icon,
-.mailbox-attachment-info,
-.mailbox-attachment-size {
-  display: block;
-}
-
-.mailbox-attachment-info {
-  background: $gray-100;
-  padding: 10px;
-}
-
-.mailbox-attachment-size {
-  color: #999;
-  font-size: 12px;
-
-  > span {
-    display: inline-block;
-    padding-top: 0.75rem;
-  }
-}
-
-.mailbox-attachment-icon {
-  color: #666;
-  font-size: 65px;
-  max-height: 132.5px;
-  padding: 20px 10px;
-  text-align: center;
-
-  &.has-img {
-    padding: 0;
-
-    > img {
-      height: auto;
-      max-width: 100%;
-    }
-  }
-}
-
-.mailbox-attachment-close {
-  @extend .close;
-}

build/scss/pages/_profile.scss

@@ -1,32 +0,0 @@
-//
-// Pages: Profile
-//
-
-.profile-user-img {
-  border: 3px solid $gray-500;
-  margin: 0 auto;
-  padding: 3px;
-  width: 100px;
-}
-
-.profile-username {
-  font-size: 21px;
-  margin-top: 5px;
-}
-
-.post {
-  border-bottom: 1px solid $gray-500;
-  color: #666;
-  margin-bottom: 15px;
-  padding-bottom: 15px;
-
-  &:last-of-type {
-    border-bottom: 0;
-    margin-bottom: 0;
-    padding-bottom: 0;
-  }
-
-  .user-block {
-    margin-bottom: 15px;
-  }
-}

build/scss/pages/_projects.scss

@@ -1,26 +0,0 @@
-//
-// Pages: Projects
-//
-
-.projects {
-  td {
-    vertical-align: middle;
-  }
-
-  .list-inline {
-    margin-bottom: 0;
-  }
-
-  // table avatar
-  img.table-avatar,
-  .table-avatar img {
-    border-radius: 50%;
-    display: inline;
-    width: 2.5rem;
-  }
-
-  // project state
-  .project-state {
-    text-align: center;
-  }
-}

build/scss/plugins/_bootstrap-slider.scss

@@ -1,30 +0,0 @@
-//
-// Plugin: Bootstrap Slider
-//
-
-// Style override
-.slider {
-  &.slider-vertical {
-    height: 100%;
-  }
-  &.slider-horizontal {
-    width: 100%;
-  }
-}
-
-// Colors
-@each $name, $color in $theme-colors {
-  .slider-#{$name} .slider {
-    .slider-selection {
-      background: $color;
-    }
-  }
-}
-
-@each $name, $color in $colors {
-  .slider-#{$name} .slider {
-    .slider-selection {
-      background: $color;
-    }
-  }
-}

build/scss/plugins/_fullcalendar.scss

@@ -1,110 +0,0 @@
-//
-// Plugin: Full Calendar
-//
-
-// Buttons
-.fc-button {
-  background: $gray-100;
-  background-image: none;
-  border-bottom-color: #ddd;
-  border-color: #ddd;
-  color: $gray-700;
-
-  &:hover,
-  &:active,
-  &.hover {
-    background-color: #e9e9e9;
-  }
-}
-
-// Calendar title
-.fc-header-title h2 {
-  color: #666;
-  font-size: 15px;
-  line-height: 1.6em;
-  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 {
-  border: 0;
-  width: 100%;
-}
-
-.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 {
-  margin: 0;
-  padding: 1rem;
-}
-
-.fc-day-number {
-  font-size: 20px;
-  font-weight: 300;
-  padding-right: 10px;
-}
-
-.fc-color-picker {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-
-  > li {
-    float: left;
-    font-size: 30px;
-    line-height: 30px;
-    margin-right: 5px;
-
-    .fa,
-    .fas,
-    .far,
-    .fab,
-    .glyphicon,
-    .ion {
-      transition: transform linear .3s;
-
-      &:hover {
-        @include rotate(30deg);
-      }
-    }
-  }
-}
-
-#add-new-event {
-  transition: all linear .3s;
-}
-
-.external-event {
-  @include box-shadow($card-shadow);
-
-  border-radius: $border-radius;
-  cursor: move;
-  font-weight: bold;
-  margin-bottom: 4px;
-  padding: 5px 10px;
-
-  &:hover {
-    @include box-shadow(inset 0 0 90px rgba(0, 0, 0, 0.2));
-  }
-}

build/scss/plugins/_icheck-bootstrap.scss

@@ -1,41 +0,0 @@
-//
-// Plugin: iCheck Bootstrap
-//
-
-// iCheck colors (theme colors)
-@each $name, $color in $theme-colors {
-  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
-  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
-    border-color: #{$color};
-  }
-
-  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
-  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
-    border-color: #{$color};
-  }
-
-  .icheck-#{$name} > input:first-child:checked + label::before,
-  .icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
-    background-color: #{$color};
-    border-color: #{$color};
-  }
-}
-
-// iCheck colors (colors)
-@each $name, $color in $colors {
-  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + label::before,
-  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
-    border-color: #{$color};
-  }
-
-  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + label::before,
-  .icheck-#{$name} > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
-    border-color: #{$color};
-  }
-
-  .icheck-#{$name} > input:first-child:checked + label::before,
-  .icheck-#{$name} > input:first-child:checked + input[type="hidden"] + label::before {
-    background-color: #{$color};
-    border-color: #{$color};
-  }
-}

build/scss/plugins/_jqvmap.scss

@@ -1,21 +0,0 @@
-//
-// Plugins: JQVMap
-//
-
-// Zoom Button size fixes
-.jqvmap-zoomin,
-.jqvmap-zoomout {
-  background-color: $button-default-background-color;
-  border: 1px solid $button-default-border-color;
-  border-radius: $btn-border-radius;
-  color: $button-default-color;
-  height: 15px;
-  width: 15px;
-
-  &:hover,
-  &:active,
-  &.hover {
-    background-color: darken($button-default-background-color, 5%);
-    color: darken($button-default-color, 10%);
-  }
-}

build/scss/plugins/_mapael.scss

@@ -1,70 +0,0 @@
-//
-// Plugins: jQuery Mapael
-//
-
-.mapael {
-  .map {
-    position: relative;
-  }
-
-  .mapTooltip {
-    @include reset-text();
-    @include border-radius($tooltip-border-radius);
-    @include font-size($tooltip-font-size);
-    background-color: $tooltip-bg;
-    color: $tooltip-color;
-    display: block;
-    max-width: $tooltip-max-width;
-    padding: $tooltip-padding-y $tooltip-padding-x;
-    position: absolute;
-    text-align: center;
-    word-wrap: break-word;
-    z-index: $zindex-tooltip;
-  }
-
-  .myLegend {
-    background-color: $gray-100;
-    border: 1px solid $gray-500;
-    padding: 10px;
-    width: 600px;
-  }
-
-  .zoomButton {
-    background-color: $button-default-background-color;
-    border: 1px solid $button-default-border-color;
-    border-radius: $btn-border-radius;
-    color: $button-default-color;
-    cursor: pointer;
-    font-weight: bold;
-    height: 16px;
-    left: 10px;
-    line-height: 14px;
-    padding-left: 1px;
-    position: absolute;
-    text-align: center;
-    top: 0;
-
-    user-select: none;
-    width: 16px;
-
-    &:hover,
-    &:active,
-    &.hover {
-      background-color: darken($button-default-background-color, 5%);
-      color: darken($button-default-color, 10%);
-    }
-  }
-
-  .zoomReset {
-    line-height: 12px;
-    top: 10px;
-  }
-
-  .zoomIn {
-    top: 30px;
-  }
-
-  .zoomOut {
-    top: 50px;
-  }
-}

build/scss/plugins/_miscellaneous.scss

@@ -1,39 +0,0 @@
-//
-// Plugins: Miscellaneous
-// Old plugin codes
-//
-
-// _fix for sparkline tooltip
-.jqstooltip {
-  height: auto !important;
-  padding: 5px !important;
-  width: auto !important;
-}
-
-// jQueryUI
-.connectedSortable {
-  min-height: 100px;
-}
-
-.ui-helper-hidden-accessible {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.sort-highlight {
-  background: $gray-100;
-  border: 1px dashed $gray-300;
-  margin-bottom: 10px;
-}
-
-// Charts
-.chart {
-  overflow: hidden;
-  position: relative;
-}

build/scss/plugins/_select2.scss

@@ -1,128 +0,0 @@
-//
-// Plugin: Select2
-//
-
-//Signle select
-.select2-container--default,
-.select2-selection {
-  &.select2-container--focus,
-  &:focus,
-  &:active {
-    outline: none;
-  }
-  .select2-selection--single {
-    border: 1px solid $gray-x-light;
-    //border-radius: $input-radius;
-    padding: 6px 12px;
-    height: $input-height;
-  }
-}
-
-.select2-container--default {
-  &.select2-container--open {
-    border-color: theme-color("primary");
-  }
-
-  & .select2-dropdown {
-    border: 1px solid $gray-x-light;
-    //border-radius: $input-radius;
-  }
-
-  & .select2-results__option--highlighted[aria-selected] {
-    background-color: theme-color("primary");
-    color: white;
-  }
-
-  & .select2-results__option {
-    padding: 6px 12px;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  & .select2-selection--single .select2-selection__rendered {
-    padding-left: 0;
-    padding-right: 0;
-    height: auto;
-    margin-top: -3px;
-  }
-
-  &[dir="rtl"] .select2-selection--single .select2-selection__rendered {
-    padding-right: 6px;
-    padding-left: 20px;
-  }
-
-  & .select2-selection--single .select2-selection__arrow {
-    height: 31px;
-    right: 6px;
-  }
-
-  & .select2-selection--single .select2-selection__arrow b {
-    margin-top: 0;
-  }
-
-  .select2-dropdown,
-  .select2-search--inline {
-    .select2-search__field {
-      border: 1px solid $gray-x-light;
-      &:focus {
-        outline: none;
-        border: 1px solid theme-color("primary");
-      }
-    }
-  }
-
-  & .select2-results__option[aria-disabled=true] {
-    color: #999;
-  }
-
-  & .select2-results__option[aria-selected=true] {
-    background-color: #ddd;
-    &,
-    &:hover {
-      color: #444;
-    }
-  }
-
-  //Multiple select
-  & {
-    .select2-selection--multiple {
-      min-height: $input-height;
-      border: 1px solid $gray-x-light;
-      //border-radius: $input-radius;
-      &:focus {
-        border-color: theme-color("primary");
-      }
-
-      .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
-        width: 100%;
-
-        .select2-search__field {
-          width: 100% !important;
-        }
-      }
-    }
-    &.select2-container--focus .select2-selection--multiple {
-      border-color: $gray-x-light;
-    }
-  }
-
-  & .select2-selection--multiple .select2-selection__choice {
-    background-color: theme-color("primary");
-    border-color: darken(theme-color("primary"), 5%);
-    padding: 0 10px;
-    color: $white;
-  }
-
-  & .select2-selection--multiple .select2-selection__choice__remove {
-    margin-right: 5px;
-    color: rgba(255, 255, 255, 0.7);
-    &:hover {
-      color: $white;
-    }
-  }
-
-  & .select2-selection--single .select2-selection__rendered li {
-    padding-right: 10px;
-  }
-
-}

build/scss/plugins/_sweetalert2.scss

@@ -1,40 +0,0 @@
-//
-// Plugin: SweetAlert2
-//
-
-// Icon Colors
-.swal2-icon {
-  &.swal2-info {
-    border-color: ligthen($info, 20%);
-    color: $info;
-  }
-
-  &.swal2-warning {
-    border-color: ligthen($warning, 20%);
-    color: $warning;
-  }
-
-  &.swal2-error {
-    border-color: ligthen($danger, 20%);
-    color: $danger;
-  }
-
-  &.swal2-question {
-    border-color: ligthen($secondary, 20%);
-    color: $secondary;
-  }
-
-  &.swal2-success {
-    border-color: ligthen($success, 20%);
-    color: $success;
-
-    .swal2-success-ring {
-      border-color: ligthen($success, 20%);
-    }
-
-    [class^='swal2-success-line'] {
-      background-color: $success;
-    }
-  }
-
-}

build/scss/plugins/_toastr.scss

@@ -1,52 +0,0 @@
-//
-// Plugin: Toastr
-//
-
-// Background to FontAwesome Icons
-// #toast-container > .toast {
-//     background-image: none !important;
-// }
-// #toast-container > .toast .toast-message:before {
-//     font-family: 'Font Awesome 5 Free';
-//     font-size: 24px;
-//     font-weight: 900;
-//     line-height: 18px;
-//     float: left;
-//     color: #FFF;
-//     padding-right: 0.5em;
-//     margin: auto 0.5em auto -1.5em;
-// }        
-// #toast-container > .toast-warning .toast-message:before {
-//     content: "\f06a";
-// }
-// #toast-container > .toast-error .toast-message:before {
-//     content: "\f071";
-// }
-// #toast-container > .toast-info .toast-message:before {
-//     content: "\f05a";
-// }
-// #toast-container > .toast-success .toast-message:before {
-//     content: "\f058";
-// }
-
-
-// Background color
-.toast {
-  background-color: $primary;
-}
-
-.toast-success {
-  background-color: $success;
-}
-
-.toast-error {
-  background-color: $danger;
-}
-
-.toast-info {
-  background-color: $info;
-}
-
-.toast-warning {
-  background-color: $warning;
-}

composer.json

@@ -1,7 +1,7 @@
 {
   "name": "almasaeed2010/adminlte",
-  "description": "AdminLTE - admin control panel and dashboard that's based on Bootstrap 4",
-  "homepage": "http://adminlte.io/",
+  "description": "AdminLTE - admin control panel and dashboard that's based on Bootstrap 3",
+  "homepage": "http://almsaeedstudio.com/",
   "keywords": [
     "css",
     "js",
@@ -9,17 +9,16 @@
     "responsive",
     "back-end",
     "template",
-    "theme",
-    "web",
-    "admin"
+    "web"
   ],
   "authors": [
     {
-      "name": "Colorlib"
+      "name": "Abdullah Almsaeed",
+      "email": "support@almsaeedstudio.com"
     }
   ],
   "license": "MIT",
   "support": {
-    "issues": "https://github.com/ColorlibHQ/AdminLTE/issues"
+    "issues": "https://github.com/almasaeed2010/AdminLTE/issues"
   }
 }

css/bootstrap-slider/slider.css

@@ -0,0 +1,169 @@
+/*!
+ * Slider for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+.slider {
+    display: block;
+    vertical-align: middle;
+    position: relative;
+
+}
+.slider.slider-horizontal {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 20px;
+}
+.slider.slider-horizontal:last-of-type {
+    margin-bottom: 0;
+}
+.slider.slider-horizontal .slider-track {
+    height: 10px;
+    width: 100%;
+    margin-top: -5px;
+    top: 50%;
+    left: 0;
+}
+.slider.slider-horizontal .slider-selection {
+    height: 100%;
+    top: 0;
+    bottom: 0;
+}
+.slider.slider-horizontal .slider-handle {
+    margin-left: -10px;
+    margin-top: -5px;
+}
+.slider.slider-horizontal .slider-handle.triangle {
+    border-width: 0 10px 10px 10px;
+    width: 0;
+    height: 0;
+    border-bottom-color: #0480be;
+    margin-top: 0;
+}
+.slider.slider-vertical {
+    height: 230px;
+    width: 20px;
+    margin-right: 20px;
+    display: inline-block;
+}
+.slider.slider-vertical:last-of-type {
+    margin-right: 0;
+}
+.slider.slider-vertical .slider-track {
+    width: 10px;
+    height: 100%;
+    margin-left: -5px;
+    left: 50%;
+    top: 0;
+}
+.slider.slider-vertical .slider-selection {
+    width: 100%;
+    left: 0;
+    top: 0;
+    bottom: 0;
+}
+.slider.slider-vertical .slider-handle {
+    margin-left: -5px;
+    margin-top: -10px;
+}
+.slider.slider-vertical .slider-handle.triangle {
+    border-width: 10px 0 10px 10px;
+    width: 1px;
+    height: 1px;
+    border-left-color: #0480be;
+    margin-left: 0;
+}
+.slider input {
+    display: none;
+}
+.slider .tooltip-inner {
+    white-space: nowrap;
+}
+.slider-track {
+    position: absolute;
+    cursor: pointer;
+    background-color: #f7f7f7;
+    background-image: -moz-linear-gradient(top, #f0f0f0, #f9f9f9);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#f9f9f9));
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #f9f9f9);
+    background-image: -o-linear-gradient(top, #f0f0f0, #f9f9f9);
+    background-image: linear-gradient(to bottom, #f0f0f0, #f9f9f9);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#fff9f9f9', GradientType=0);
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+.slider-selection {
+    position: absolute;
+    background-color: #f7f7f7;
+    background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
+    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
+    background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
+    background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
+    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+.slider-handle {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    background-color: #444;
+    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+    opacity: 1;
+    border: 0px solid transparent;
+}
+.slider-handle.round {
+    -webkit-border-radius: 20px;
+    -moz-border-radius: 20px;
+    border-radius: 20px;
+}
+.slider-handle.triangle {
+    background: transparent none;
+}
+
+.slider-disabled .slider-selection {
+    opacity: 0.5;
+}
+
+#red .slider-selection {
+    background: #f56954;
+}
+
+#blue .slider-selection {
+    background: #3c8dbc;
+}
+
+#green .slider-selection {
+    background: #00a65a;
+}
+
+#yellow .slider-selection {
+    background: #f39c12;
+}
+
+#aqua .slider-selection {
+    background: #00c0ef;
+}
+
+#purple .slider-selection {
+    background: #932ab6;
+}

css/bootstrap-wysihtml5/bootstrap3-wysihtml5.css

@@ -0,0 +1,102 @@
+ul.wysihtml5-toolbar {
+	margin: 0;
+	padding: 0;
+	display: block;
+}
+
+ul.wysihtml5-toolbar::after {
+	clear: both;
+	display: table;
+	content: "";
+}
+
+ul.wysihtml5-toolbar > li {
+	float: left;
+	display: list-item;
+	list-style: none;
+	margin: 0 5px 10px 0;
+}
+
+ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
+	font-weight: bold;
+}
+
+ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
+	font-style: italic;
+}
+
+ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
+	text-decoration: underline;
+}
+
+ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
+	background-image: none;
+	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
+	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
+	background-color: #E6E6E6;
+	background-color: #D9D9D9;
+	outline: 0;
+}
+
+ul.wysihtml5-commands-disabled .dropdown-menu {
+	display: none !important;
+}
+
+ul.wysihtml5-toolbar div.wysihtml5-colors {
+  display:block;
+  width: 50px;
+  height: 20px;
+  margin-top: 2px;
+  margin-left: 5px;
+  position: absolute;
+  pointer-events: none;
+}
+
+ul.wysihtml5-toolbar a.wysihtml5-colors-title {
+  padding-left: 70px;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
+  background: black !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
+  background: silver !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
+  background: gray !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
+  background: maroon !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
+  background: red !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
+  background: purple !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
+  background: green !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
+  background: olive !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
+  background: navy !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
+  background: blue !important;
+}
+
+ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
+  background: orange !important;
+}

css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css

@@ -0,0 +1,3 @@
+/*! bootstrap3-wysihtml5-bower 2013-11-22 */
+
+ul.wysihtml5-toolbar{margin:0;padding:0;display:block}ul.wysihtml5-toolbar::after{clear:both;display:table;content:""}ul.wysihtml5-toolbar>li{float:left;display:list-item;list-style:none;margin:0 5px 10px 0}ul.wysihtml5-toolbar a[data-wysihtml5-command=bold]{font-weight:700}ul.wysihtml5-toolbar a[data-wysihtml5-command=italic]{font-style:italic}ul.wysihtml5-toolbar a[data-wysihtml5-command=underline]{text-decoration:underline}ul.wysihtml5-toolbar a.btn.wysihtml5-command-active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);background-color:#E6E6E6;background-color:#D9D9D9;outline:0}ul.wysihtml5-commands-disabled .dropdown-menu{display:none!important}ul.wysihtml5-toolbar div.wysihtml5-colors{display:block;width:50px;height:20px;margin-top:2px;margin-left:5px;position:absolute;pointer-events:none}ul.wysihtml5-toolbar a.wysihtml5-colors-title{padding-left:70px}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=black]{background:#000!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=silver]{background:silver!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=gray]{background:gray!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=maroon]{background:maroon!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=red]{background:red!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=purple]{background:purple!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=green]{background:green!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=olive]{background:olive!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=navy]{background:navy!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=blue]{background:#00f!important}ul.wysihtml5-toolbar div[data-wysihtml5-command-value=orange]{background:orange!important}

css/colorpicker/bootstrap-colorpicker.css

@@ -0,0 +1,214 @@
+/*!
+ * Bootstrap Colorpicker
+ * http://mjolnic.github.io/bootstrap-colorpicker/
+ *
+ * Originally written by (c) 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0.txt
+ *
+ */
+
+.colorpicker-saturation {
+  float: left;
+  width: 100px;
+  height: 100px;
+  cursor: crosshair;
+  background-image: url("../../img/bootstrap-colorpicker/saturation.png");
+}
+
+.colorpicker-saturation i {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 5px;
+  height: 5px;
+  margin: -4px 0 0 -4px;
+  border: 1px solid #000;
+  -webkit-border-radius: 5px;
+     -moz-border-radius: 5px;
+          border-radius: 5px;
+}
+
+.colorpicker-saturation i b {
+  display: block;
+  width: 5px;
+  height: 5px;
+  border: 1px solid #fff;
+  -webkit-border-radius: 5px;
+     -moz-border-radius: 5px;
+          border-radius: 5px;
+}
+
+.colorpicker-hue,
+.colorpicker-alpha {
+  float: left;
+  width: 15px;
+  height: 100px;
+  margin-bottom: 4px;
+  margin-left: 4px;
+  cursor: row-resize;
+}
+
+.colorpicker-hue i,
+.colorpicker-alpha i {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 1px;
+  margin-top: -1px;
+  background: #000;
+  border-top: 1px solid #fff;
+}
+
+.colorpicker-hue {
+  background-image: url("../../img/bootstrap-colorpicker/hue.png");
+}
+
+.colorpicker-alpha {
+  display: none;
+  background-image: url("../../img/bootstrap-colorpicker/alpha.png");
+}
+
+.colorpicker {
+  top: 0;
+  left: 0;
+  z-index: 2500;
+  min-width: 130px;
+  padding: 4px;
+  margin-top: 1px;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  *zoom: 1;
+}
+
+.colorpicker:before,
+.colorpicker:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.colorpicker:after {
+  clear: both;
+}
+
+.colorpicker:before {
+  position: absolute;
+  top: -7px;
+  left: 6px;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.colorpicker:after {
+  position: absolute;
+  top: -6px;
+  left: 7px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  border-left: 6px solid transparent;
+  content: '';
+}
+
+.colorpicker div {
+  position: relative;
+}
+
+.colorpicker.colorpicker-with-alpha {
+  min-width: 140px;
+}
+
+.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
+  display: block;
+}
+
+.colorpicker-color {
+  height: 10px;
+  margin-top: 5px;
+  clear: both;
+  background-image: url("../../img/bootstrap-colorpicker/alpha.png");
+  background-position: 0 100%;
+}
+
+.colorpicker-color div {
+  height: 10px;
+}
+
+.colorpicker-element .input-group-addon i {
+  display: block;
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+}
+
+.colorpicker.colorpicker-inline {
+  position: relative;
+  display: inline-block;
+  float: none;
+}
+
+.colorpicker.colorpicker-horizontal {
+  width: 110px;
+  height: auto;
+  min-width: 110px;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-saturation {
+  margin-bottom: 4px;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-color {
+  width: 100px;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  float: left;
+  width: 100px;
+  height: 15px;
+  margin-bottom: 4px;
+  margin-left: 0;
+  cursor: col-resize;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue i,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 1px;
+  height: 15px;
+  margin-top: 0;
+  background: #ffffff;
+  border: none;
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue {
+  background-image: url("../../img/bootstrap-colorpicker/hue-horizontal.png");
+}
+
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  background-image: url("../../img/bootstrap-colorpicker/alpha-horizontal.png");
+}
+
+.colorpicker.colorpicker-hidden {
+  display: none;
+}
+
+.colorpicker.colorpicker-visible {
+  display: block;
+}
+
+.colorpicker-inline.colorpicker-visible {
+  display: inline-block;
+}

css/colorpicker/bootstrap-colorpicker.min.css

@@ -0,0 +1,9 @@
+/*!
+ * Bootstrap Colorpicker
+ * http://mjolnic.github.io/bootstrap-colorpicker/
+ *
+ * Originally written by (c) 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0.txt
+ *
+ */.colorpicker-saturation{float:left;width:100px;height:100px;cursor:crosshair;background-image:url("../../img/bootstrap-colorpicker/saturation.png")}.colorpicker-saturation i{position:absolute;top:0;left:0;display:block;width:5px;height:5px;margin:-4px 0 0 -4px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-saturation i b{display:block;width:5px;height:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-hue,.colorpicker-alpha{float:left;width:15px;height:100px;margin-bottom:4px;margin-left:4px;cursor:row-resize}.colorpicker-hue i,.colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:100%;height:1px;margin-top:-1px;background:#000;border-top:1px solid #fff}.colorpicker-hue{background-image:url("../../img/bootstrap-colorpicker/hue.png")}.colorpicker-alpha{display:none;background-image:url("../../img/bootstrap-colorpicker/alpha.png")}.colorpicker{top:0;left:0;z-index:2500;min-width:130px;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1}.colorpicker:before,.colorpicker:after{display:table;line-height:0;content:""}.colorpicker:after{clear:both}.colorpicker:before{position:absolute;top:-7px;left:6px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}.colorpicker:after{position:absolute;top:-6px;left:7px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url("../../img/bootstrap-colorpicker/alpha.png");background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-element .input-group-addon i{display:block;width:16px;height:16px;cursor:pointer}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none}.colorpicker.colorpicker-horizontal{width:110px;height:auto;min-width:110px}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-hue,.colorpicker.colorpicker-horizontal .colorpicker-alpha{float:left;width:100px;height:15px;margin-bottom:4px;margin-left:0;cursor:col-resize}.colorpicker.colorpicker-horizontal .colorpicker-hue i,.colorpicker.colorpicker-horizontal .colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:1px;height:15px;margin-top:0;background:#fff;border:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url("../../img/bootstrap-colorpicker/hue-horizontal.png")}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url("../../img/bootstrap-colorpicker/alpha-horizontal.png")}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}

css/datatables/dataTables.bootstrap.css

@@ -0,0 +1,223 @@
+div.dataTables_length label {
+	font-weight: normal;
+	float: left;
+	text-align: left;
+}
+
+div.dataTables_length select {
+	width: 75px;
+}
+
+div.dataTables_filter label {
+	font-weight: normal;
+	float: right;
+}
+
+div.dataTables_filter input {
+	width: 16em;
+}
+
+div.dataTables_info {
+	padding-top: 8px;
+}
+
+div.dataTables_paginate {
+	float: right;
+	margin: 0;
+}
+
+div.dataTables_paginate ul.pagination {
+	margin: 2px 0;
+	white-space: nowrap;
+}
+
+table.dataTable,
+table.dataTable td,
+table.dataTable th {
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
+}
+
+
+table.dataTable {
+	clear: both;
+	margin-top: 6px !important;
+	margin-bottom: 6px !important;
+	max-width: none !important;
+}
+
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting_asc_disabled,
+table.dataTable thead .sorting_desc_disabled {
+	cursor: pointer;
+}
+
+table.dataTable thead .sorting { background: url('images/sort_both.png') no-repeat center right; }
+table.dataTable thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center right; }
+table.dataTable thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center right; }
+
+table.dataTable thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png') no-repeat center right; }
+table.dataTable thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png') no-repeat center right; }
+
+table.dataTable th:active {
+	outline: none;
+}
+
+/* Scrolling */
+div.dataTables_scrollHead table {
+	margin-bottom: 0 !important;
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+	border-top: none;
+	margin-top: 0 !important;
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+	border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+	margin-top: 0 !important;
+	border-top: none;
+}
+
+
+
+
+/*
+ * TableTools styles
+ */
+.table tbody tr.active td,
+.table tbody tr.active th {
+	background-color: #08C;
+	color: white;
+}
+
+.table tbody tr.active:hover td,
+.table tbody tr.active:hover th {
+	background-color: #0075b0 !important;
+}
+
+.table tbody tr.active a {
+	color: white;
+}
+
+.table-striped tbody tr.active:nth-child(odd) td,
+.table-striped tbody tr.active:nth-child(odd) th {
+	background-color: #017ebc;
+}
+
+table.DTTT_selectable tbody tr {
+	cursor: pointer;
+}
+
+div.DTTT .btn {
+	color: #333 !important;
+	font-size: 12px;
+}
+
+div.DTTT .btn:hover {
+	text-decoration: none !important;
+}
+
+ul.DTTT_dropdown.dropdown-menu {
+  z-index: 2003;
+}
+
+ul.DTTT_dropdown.dropdown-menu a {
+	color: #333 !important; /* needed only when demo_page.css is included */
+}
+
+ul.DTTT_dropdown.dropdown-menu li {
+	position: relative;
+}
+
+ul.DTTT_dropdown.dropdown-menu li:hover a {
+	background-color: #0088cc;
+	color: white !important;
+}
+
+div.DTTT_collection_background {
+	z-index: 2002;	
+}
+
+/* TableTools information display */
+div.DTTT_print_info.modal {
+	height: 150px;
+	margin-top: -75px;
+	text-align: center;
+}
+
+div.DTTT_print_info h6 {
+	font-weight: normal;
+	font-size: 28px;
+	line-height: 28px;
+	margin: 1em;
+}
+
+div.DTTT_print_info p {
+	font-size: 14px;
+	line-height: 20px;
+}
+
+
+
+/*
+ * FixedColumns styles
+ */
+div.DTFC_LeftHeadWrapper table,
+div.DTFC_LeftFootWrapper table,
+div.DTFC_RightHeadWrapper table,
+div.DTFC_RightFootWrapper table,
+table.DTFC_Cloned tr.even {
+    background-color: white;
+}
+ 
+div.DTFC_RightHeadWrapper table ,
+div.DTFC_LeftHeadWrapper table {
+    margin-bottom: 0 !important;
+    border-top-right-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+}
+ 
+div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+}
+ 
+div.DTFC_RightBodyWrapper table,
+div.DTFC_LeftBodyWrapper table {
+    border-top: none;
+    margin-bottom: 0 !important;
+}
+ 
+div.DTFC_RightBodyWrapper tbody tr:first-child th,
+div.DTFC_RightBodyWrapper tbody tr:first-child td,
+div.DTFC_LeftBodyWrapper tbody tr:first-child th,
+div.DTFC_LeftBodyWrapper tbody tr:first-child td {
+    border-top: none;
+}
+ 
+div.DTFC_RightFootWrapper table,
+div.DTFC_LeftFootWrapper table {
+    border-top: none;
+}
+

css/datepicker/datepicker3.css

@@ -0,0 +1,790 @@
+/*!
+ * Datepicker for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Improvements by Andrew Rowls
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+.datepicker {
+  padding: 4px;
+  border-radius: 4px;
+  direction: ltr;
+  /*.dow {
+		border-top: 1px solid #ddd !important;
+	}*/
+}
+.datepicker-inline {
+  width: 100%;
+}
+.datepicker.datepicker-rtl {
+  direction: rtl;
+}
+.datepicker.datepicker-rtl table tr td span {
+  float: right;
+}
+.datepicker-dropdown {
+  top: 0;
+  left: 0;
+}
+.datepicker-dropdown:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-top: 0;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+}
+.datepicker-dropdown:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-top: 0;
+  position: absolute;
+}
+.datepicker-dropdown.datepicker-orient-left:before {
+  left: 6px;
+}
+.datepicker-dropdown.datepicker-orient-left:after {
+  left: 7px;
+}
+.datepicker-dropdown.datepicker-orient-right:before {
+  right: 6px;
+}
+.datepicker-dropdown.datepicker-orient-right:after {
+  right: 7px;
+}
+.datepicker-dropdown.datepicker-orient-top:before {
+  top: -7px;
+}
+.datepicker-dropdown.datepicker-orient-top:after {
+  top: -6px;
+}
+.datepicker-dropdown.datepicker-orient-bottom:before {
+  bottom: -7px;
+  border-bottom: 0;
+  border-top: 7px solid #999;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after {
+  bottom: -6px;
+  border-bottom: 0;
+  border-top: 6px solid #fff;
+}
+.datepicker > div {
+  display: none;
+}
+.datepicker.days div.datepicker-days {
+  display: block;
+}
+.datepicker.months div.datepicker-months {
+  display: block;
+}
+.datepicker.years div.datepicker-years {
+  display: block;
+}
+.datepicker table {
+  margin: 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.datepicker table tr td,
+.datepicker table tr th {
+  text-align: center;
+  width: 30px;
+  height: 30px;
+  border-radius: 4px;
+  border: none;
+}
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
+  background-color: transparent;
+}
+.datepicker table tr td.day:hover,
+.datepicker table tr td.day.focused {
+  background: rgba(0,0,0,0.2);
+  cursor: pointer;
+}
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+  color: #777;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+  background: none;
+  color: #444;
+  cursor: default;
+}
+.datepicker table tr td.today,
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today.disabled:hover {
+  color: #000000;
+  background: rgba(0,0,0,0.2);
+  border-color: #ffb733;
+}
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today:hover:hover,
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today.disabled:hover:hover,
+.datepicker table tr td.today:focus,
+.datepicker table tr td.today:hover:focus,
+.datepicker table tr td.today.disabled:focus,
+.datepicker table tr td.today.disabled:hover:focus,
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.today,
+.open .dropdown-toggle.datepicker table tr td.today:hover,
+.open .dropdown-toggle.datepicker table tr td.today.disabled,
+.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
+  color: #000000;
+  background: rgba(0,0,0,0.2);
+  border-color: #f59e00;
+}
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.today,
+.open .dropdown-toggle.datepicker table tr td.today:hover,
+.open .dropdown-toggle.datepicker table tr td.today.disabled,
+.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today:hover.disabled,
+.datepicker table tr td.today.disabled.disabled,
+.datepicker table tr td.today.disabled:hover.disabled,
+.datepicker table tr td.today[disabled],
+.datepicker table tr td.today:hover[disabled],
+.datepicker table tr td.today.disabled[disabled],
+.datepicker table tr td.today.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td.today,
+fieldset[disabled] .datepicker table tr td.today:hover,
+fieldset[disabled] .datepicker table tr td.today.disabled,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today:hover.disabled:hover,
+.datepicker table tr td.today.disabled.disabled:hover,
+.datepicker table tr td.today.disabled:hover.disabled:hover,
+.datepicker table tr td.today[disabled]:hover,
+.datepicker table tr td.today:hover[disabled]:hover,
+.datepicker table tr td.today.disabled[disabled]:hover,
+.datepicker table tr td.today.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.today:hover,
+fieldset[disabled] .datepicker table tr td.today:hover:hover,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
+.datepicker table tr td.today.disabled:focus,
+.datepicker table tr td.today:hover.disabled:focus,
+.datepicker table tr td.today.disabled.disabled:focus,
+.datepicker table tr td.today.disabled:hover.disabled:focus,
+.datepicker table tr td.today[disabled]:focus,
+.datepicker table tr td.today:hover[disabled]:focus,
+.datepicker table tr td.today.disabled[disabled]:focus,
+.datepicker table tr td.today.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.today:focus,
+fieldset[disabled] .datepicker table tr td.today:hover:focus,
+fieldset[disabled] .datepicker table tr td.today.disabled:focus,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today:hover.disabled:active,
+.datepicker table tr td.today.disabled.disabled:active,
+.datepicker table tr td.today.disabled:hover.disabled:active,
+.datepicker table tr td.today[disabled]:active,
+.datepicker table tr td.today:hover[disabled]:active,
+.datepicker table tr td.today.disabled[disabled]:active,
+.datepicker table tr td.today.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td.today:active,
+fieldset[disabled] .datepicker table tr td.today:hover:active,
+fieldset[disabled] .datepicker table tr td.today.disabled:active,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today:hover.disabled.active,
+.datepicker table tr td.today.disabled.disabled.active,
+.datepicker table tr td.today.disabled:hover.disabled.active,
+.datepicker table tr td.today[disabled].active,
+.datepicker table tr td.today:hover[disabled].active,
+.datepicker table tr td.today.disabled[disabled].active,
+.datepicker table tr td.today.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td.today.active,
+fieldset[disabled] .datepicker table tr td.today:hover.active,
+fieldset[disabled] .datepicker table tr td.today.disabled.active,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
+  background: rgba(0,0,0,0.2);
+  border-color: #ffb733;
+}
+.datepicker table tr td.today:hover:hover {
+  color: #000;
+}
+.datepicker table tr td.today.active:hover {
+  color: #fff;
+}
+.datepicker table tr td.range,
+.datepicker table tr td.range:hover,
+.datepicker table tr td.range.disabled,
+.datepicker table tr td.range.disabled:hover {
+  background: rgba(0,0,0,0.2);
+  border-radius: 0;
+}
+.datepicker table tr td.range.today,
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today.disabled:hover {
+  color: #000000;
+  background: rgba(0,0,0,0.2);
+  border-color: #f1a417;
+  border-radius: 0;
+}
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today:hover:hover,
+.datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today.disabled:hover:hover,
+.datepicker table tr td.range.today:focus,
+.datepicker table tr td.range.today:hover:focus,
+.datepicker table tr td.range.today.disabled:focus,
+.datepicker table tr td.range.today.disabled:hover:focus,
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.range.today,
+.open .dropdown-toggle.datepicker table tr td.range.today:hover,
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
+  color: #000000;
+  background: rgba(0,0,0,0.2);
+  border-color: #bf800c;
+}
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.range.today,
+.open .dropdown-toggle.datepicker table tr td.range.today:hover,
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today:hover.disabled,
+.datepicker table tr td.range.today.disabled.disabled,
+.datepicker table tr td.range.today.disabled:hover.disabled,
+.datepicker table tr td.range.today[disabled],
+.datepicker table tr td.range.today:hover[disabled],
+.datepicker table tr td.range.today.disabled[disabled],
+.datepicker table tr td.range.today.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td.range.today,
+fieldset[disabled] .datepicker table tr td.range.today:hover,
+fieldset[disabled] .datepicker table tr td.range.today.disabled,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today:hover.disabled:hover,
+.datepicker table tr td.range.today.disabled.disabled:hover,
+.datepicker table tr td.range.today.disabled:hover.disabled:hover,
+.datepicker table tr td.range.today[disabled]:hover,
+.datepicker table tr td.range.today:hover[disabled]:hover,
+.datepicker table tr td.range.today.disabled[disabled]:hover,
+.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.range.today:hover,
+fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
+.datepicker table tr td.range.today.disabled:focus,
+.datepicker table tr td.range.today:hover.disabled:focus,
+.datepicker table tr td.range.today.disabled.disabled:focus,
+.datepicker table tr td.range.today.disabled:hover.disabled:focus,
+.datepicker table tr td.range.today[disabled]:focus,
+.datepicker table tr td.range.today:hover[disabled]:focus,
+.datepicker table tr td.range.today.disabled[disabled]:focus,
+.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.range.today:focus,
+fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today:hover.disabled:active,
+.datepicker table tr td.range.today.disabled.disabled:active,
+.datepicker table tr td.range.today.disabled:hover.disabled:active,
+.datepicker table tr td.range.today[disabled]:active,
+.datepicker table tr td.range.today:hover[disabled]:active,
+.datepicker table tr td.range.today.disabled[disabled]:active,
+.datepicker table tr td.range.today.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td.range.today:active,
+fieldset[disabled] .datepicker table tr td.range.today:hover:active,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today:hover.disabled.active,
+.datepicker table tr td.range.today.disabled.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.disabled.active,
+.datepicker table tr td.range.today[disabled].active,
+.datepicker table tr td.range.today:hover[disabled].active,
+.datepicker table tr td.range.today.disabled[disabled].active,
+.datepicker table tr td.range.today.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td.range.today.active,
+fieldset[disabled] .datepicker table tr td.range.today:hover.active,
+fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
+  background: rgba(0,0,0,0.2);
+  border-color: #f1a417;
+}
+.datepicker table tr td.selected,
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected.disabled:hover {
+  color: #ffffff;
+  background: rgba(0,0,0,0.2);
+  border-color: #555555;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected:hover:hover,
+.datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected.disabled:hover:hover,
+.datepicker table tr td.selected:focus,
+.datepicker table tr td.selected:hover:focus,
+.datepicker table tr td.selected.disabled:focus,
+.datepicker table tr td.selected.disabled:hover:focus,
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.selected,
+.open .dropdown-toggle.datepicker table tr td.selected:hover,
+.open .dropdown-toggle.datepicker table tr td.selected.disabled,
+.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
+  color: #ffffff;
+  background: rgba(0,0,0,0.2);
+  border-color: #373737;
+}
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.selected,
+.open .dropdown-toggle.datepicker table tr td.selected:hover,
+.open .dropdown-toggle.datepicker table tr td.selected.disabled,
+.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected:hover.disabled,
+.datepicker table tr td.selected.disabled.disabled,
+.datepicker table tr td.selected.disabled:hover.disabled,
+.datepicker table tr td.selected[disabled],
+.datepicker table tr td.selected:hover[disabled],
+.datepicker table tr td.selected.disabled[disabled],
+.datepicker table tr td.selected.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td.selected,
+fieldset[disabled] .datepicker table tr td.selected:hover,
+fieldset[disabled] .datepicker table tr td.selected.disabled,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected:hover.disabled:hover,
+.datepicker table tr td.selected.disabled.disabled:hover,
+.datepicker table tr td.selected.disabled:hover.disabled:hover,
+.datepicker table tr td.selected[disabled]:hover,
+.datepicker table tr td.selected:hover[disabled]:hover,
+.datepicker table tr td.selected.disabled[disabled]:hover,
+.datepicker table tr td.selected.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.selected:hover,
+fieldset[disabled] .datepicker table tr td.selected:hover:hover,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
+.datepicker table tr td.selected.disabled:focus,
+.datepicker table tr td.selected:hover.disabled:focus,
+.datepicker table tr td.selected.disabled.disabled:focus,
+.datepicker table tr td.selected.disabled:hover.disabled:focus,
+.datepicker table tr td.selected[disabled]:focus,
+.datepicker table tr td.selected:hover[disabled]:focus,
+.datepicker table tr td.selected.disabled[disabled]:focus,
+.datepicker table tr td.selected.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.selected:focus,
+fieldset[disabled] .datepicker table tr td.selected:hover:focus,
+fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected:hover.disabled:active,
+.datepicker table tr td.selected.disabled.disabled:active,
+.datepicker table tr td.selected.disabled:hover.disabled:active,
+.datepicker table tr td.selected[disabled]:active,
+.datepicker table tr td.selected:hover[disabled]:active,
+.datepicker table tr td.selected.disabled[disabled]:active,
+.datepicker table tr td.selected.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td.selected:active,
+fieldset[disabled] .datepicker table tr td.selected:hover:active,
+fieldset[disabled] .datepicker table tr td.selected.disabled:active,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected:hover.disabled.active,
+.datepicker table tr td.selected.disabled.disabled.active,
+.datepicker table tr td.selected.disabled:hover.disabled.active,
+.datepicker table tr td.selected[disabled].active,
+.datepicker table tr td.selected:hover[disabled].active,
+.datepicker table tr td.selected.disabled[disabled].active,
+.datepicker table tr td.selected.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td.selected.active,
+fieldset[disabled] .datepicker table tr td.selected:hover.active,
+fieldset[disabled] .datepicker table tr td.selected.disabled.active,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
+  background: rgba(0,0,0,0.2);
+  border-color: #555555;
+}
+.datepicker table tr td.active,
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active.disabled:hover {
+  color: #ffffff;
+  background: rgba(0,0,0,0.2);
+  border-color: #357ebd;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active:hover:hover,
+.datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active.disabled:hover:hover,
+.datepicker table tr td.active:focus,
+.datepicker table tr td.active:hover:focus,
+.datepicker table tr td.active.disabled:focus,
+.datepicker table tr td.active.disabled:hover:focus,
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.active,
+.open .dropdown-toggle.datepicker table tr td.active:hover,
+.open .dropdown-toggle.datepicker table tr td.active.disabled,
+.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
+  color: #ffffff;
+  background: rgba(0,0,0,0.5);
+  border-color: #285e8e;
+}
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.active,
+.open .dropdown-toggle.datepicker table tr td.active:hover,
+.open .dropdown-toggle.datepicker table tr td.active.disabled,
+.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active:hover.disabled,
+.datepicker table tr td.active.disabled.disabled,
+.datepicker table tr td.active.disabled:hover.disabled,
+.datepicker table tr td.active[disabled],
+.datepicker table tr td.active:hover[disabled],
+.datepicker table tr td.active.disabled[disabled],
+.datepicker table tr td.active.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td.active,
+fieldset[disabled] .datepicker table tr td.active:hover,
+fieldset[disabled] .datepicker table tr td.active.disabled,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active:hover.disabled:hover,
+.datepicker table tr td.active.disabled.disabled:hover,
+.datepicker table tr td.active.disabled:hover.disabled:hover,
+.datepicker table tr td.active[disabled]:hover,
+.datepicker table tr td.active:hover[disabled]:hover,
+.datepicker table tr td.active.disabled[disabled]:hover,
+.datepicker table tr td.active.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.active:hover,
+fieldset[disabled] .datepicker table tr td.active:hover:hover,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
+.datepicker table tr td.active.disabled:focus,
+.datepicker table tr td.active:hover.disabled:focus,
+.datepicker table tr td.active.disabled.disabled:focus,
+.datepicker table tr td.active.disabled:hover.disabled:focus,
+.datepicker table tr td.active[disabled]:focus,
+.datepicker table tr td.active:hover[disabled]:focus,
+.datepicker table tr td.active.disabled[disabled]:focus,
+.datepicker table tr td.active.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.active:focus,
+fieldset[disabled] .datepicker table tr td.active:hover:focus,
+fieldset[disabled] .datepicker table tr td.active.disabled:focus,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active:hover.disabled:active,
+.datepicker table tr td.active.disabled.disabled:active,
+.datepicker table tr td.active.disabled:hover.disabled:active,
+.datepicker table tr td.active[disabled]:active,
+.datepicker table tr td.active:hover[disabled]:active,
+.datepicker table tr td.active.disabled[disabled]:active,
+.datepicker table tr td.active.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td.active:active,
+fieldset[disabled] .datepicker table tr td.active:hover:active,
+fieldset[disabled] .datepicker table tr td.active.disabled:active,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active:hover.disabled.active,
+.datepicker table tr td.active.disabled.disabled.active,
+.datepicker table tr td.active.disabled:hover.disabled.active,
+.datepicker table tr td.active[disabled].active,
+.datepicker table tr td.active:hover[disabled].active,
+.datepicker table tr td.active.disabled[disabled].active,
+.datepicker table tr td.active.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td.active.active,
+fieldset[disabled] .datepicker table tr td.active:hover.active,
+fieldset[disabled] .datepicker table tr td.active.disabled.active,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
+  background-color: #428bca;
+  border-color: #357ebd;
+}
+.datepicker table tr td span {
+  display: block;
+  width: 23%;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 1%;
+  cursor: pointer;
+  border-radius: 4px;
+}
+.datepicker table tr td span:hover {
+  background: rgba(0,0,0,0.2);
+}
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
+  background: none;
+  color: #444;
+  cursor: default;
+}
+.datepicker table tr td span.active,
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active.disabled:hover {
+  color: #ffffff;
+  background-color: #428bca;
+  border-color: #357ebd;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active:hover:hover,
+.datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active.disabled:hover:hover,
+.datepicker table tr td span.active:focus,
+.datepicker table tr td span.active:hover:focus,
+.datepicker table tr td span.active.disabled:focus,
+.datepicker table tr td span.active.disabled:hover:focus,
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td span.active,
+.open .dropdown-toggle.datepicker table tr td span.active:hover,
+.open .dropdown-toggle.datepicker table tr td span.active.disabled,
+.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
+  color: #ffffff;
+  background-color: #3276b1;
+  border-color: #285e8e;
+}
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td span.active,
+.open .dropdown-toggle.datepicker table tr td span.active:hover,
+.open .dropdown-toggle.datepicker table tr td span.active.disabled,
+.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active:hover.disabled,
+.datepicker table tr td span.active.disabled.disabled,
+.datepicker table tr td span.active.disabled:hover.disabled,
+.datepicker table tr td span.active[disabled],
+.datepicker table tr td span.active:hover[disabled],
+.datepicker table tr td span.active.disabled[disabled],
+.datepicker table tr td span.active.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td span.active,
+fieldset[disabled] .datepicker table tr td span.active:hover,
+fieldset[disabled] .datepicker table tr td span.active.disabled,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active:hover.disabled:hover,
+.datepicker table tr td span.active.disabled.disabled:hover,
+.datepicker table tr td span.active.disabled:hover.disabled:hover,
+.datepicker table tr td span.active[disabled]:hover,
+.datepicker table tr td span.active:hover[disabled]:hover,
+.datepicker table tr td span.active.disabled[disabled]:hover,
+.datepicker table tr td span.active.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td span.active:hover,
+fieldset[disabled] .datepicker table tr td span.active:hover:hover,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
+.datepicker table tr td span.active.disabled:focus,
+.datepicker table tr td span.active:hover.disabled:focus,
+.datepicker table tr td span.active.disabled.disabled:focus,
+.datepicker table tr td span.active.disabled:hover.disabled:focus,
+.datepicker table tr td span.active[disabled]:focus,
+.datepicker table tr td span.active:hover[disabled]:focus,
+.datepicker table tr td span.active.disabled[disabled]:focus,
+.datepicker table tr td span.active.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td span.active:focus,
+fieldset[disabled] .datepicker table tr td span.active:hover:focus,
+fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active:hover.disabled:active,
+.datepicker table tr td span.active.disabled.disabled:active,
+.datepicker table tr td span.active.disabled:hover.disabled:active,
+.datepicker table tr td span.active[disabled]:active,
+.datepicker table tr td span.active:hover[disabled]:active,
+.datepicker table tr td span.active.disabled[disabled]:active,
+.datepicker table tr td span.active.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td span.active:active,
+fieldset[disabled] .datepicker table tr td span.active:hover:active,
+fieldset[disabled] .datepicker table tr td span.active.disabled:active,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active:hover.disabled.active,
+.datepicker table tr td span.active.disabled.disabled.active,
+.datepicker table tr td span.active.disabled:hover.disabled.active,
+.datepicker table tr td span.active[disabled].active,
+.datepicker table tr td span.active:hover[disabled].active,
+.datepicker table tr td span.active.disabled[disabled].active,
+.datepicker table tr td span.active.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td span.active.active,
+fieldset[disabled] .datepicker table tr td span.active:hover.active,
+fieldset[disabled] .datepicker table tr td span.active.disabled.active,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
+  background-color: #428bca;
+  border-color: #357ebd;
+}
+.datepicker table tr td span.old,
+.datepicker table tr td span.new {
+  color: #444;
+}
+.datepicker th.datepicker-switch {
+  width: 145px;
+}
+.datepicker thead tr:first-child th,
+.datepicker tfoot tr th {
+  cursor: pointer;
+}
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr th:hover {
+  background: rgba(0,0,0,0.2);
+}
+.datepicker .cw {
+  font-size: 10px;
+  width: 12px;
+  padding: 0 2px 0 5px;
+  vertical-align: middle;
+}
+.datepicker thead tr:first-child th.cw {
+  cursor: default;
+  background-color: transparent;
+}
+.input-group.date .input-group-addon i {
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+.input-daterange input {
+  text-align: center;
+}
+.input-daterange input:first-child {
+  border-radius: 3px 0 0 3px;
+}
+.input-daterange input:last-child {
+  border-radius: 0 3px 3px 0;
+}
+.input-daterange .input-group-addon {
+  width: auto;
+  min-width: 16px;
+  padding: 4px 5px;
+  font-weight: normal;
+  line-height: 1.428571429;
+  text-align: center;
+  text-shadow: 0 1px 0 #fff;
+  vertical-align: middle;
+  background-color: #eeeeee;
+  border: solid #cccccc;
+  border-width: 1px 0;
+  margin-left: -5px;
+  margin-right: -5px;
+}
+.datepicker.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  float: left;
+  display: none;
+  min-width: 160px;
+  list-style: none;
+  background-color: #ffffff;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+  *border-right-width: 2px;
+  *border-bottom-width: 2px;
+  color: #333333;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  line-height: 1.428571429;
+}
+.datepicker.dropdown-menu th,
+.datepicker.dropdown-menu td {
+  padding: 4px 5px;
+}

css/daterangepicker/daterangepicker-bs3.css

@@ -0,0 +1,245 @@
+/*!
+ * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
+ *
+ * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Built for http://www.improvely.com
+ */
+
+ .daterangepicker.dropdown-menu {
+  max-width: none;
+  z-index: 3000;
+}
+
+.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
+  float: left;
+  margin: 4px;
+}
+
+.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
+  float: right;
+  margin: 4px;
+}
+
+.daterangepicker .ranges {
+  width: 160px;
+  text-align: left;
+}
+
+.daterangepicker .ranges .range_inputs>div {
+  float: left;
+}
+
+.daterangepicker .ranges .range_inputs>div:nth-child(2) {
+  padding-left: 11px;
+}
+
+.daterangepicker .calendar {
+  display: none;
+  max-width: 270px;
+}
+
+.daterangepicker .calendar th, .daterangepicker .calendar td {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  white-space: nowrap;
+  text-align: center;
+  min-width: 32px;
+}
+
+.daterangepicker .ranges label {
+  color: #333;
+  display: block;
+  font-size: 11px;
+  font-weight: normal;
+  height: 20px;
+  line-height: 20px;
+  margin-bottom: 2px;
+  text-shadow: #fff 1px 1px 0px;
+  text-transform: uppercase;
+  width: 74px;
+}
+
+.daterangepicker .ranges input {
+  font-size: 11px;
+}
+
+.daterangepicker .ranges .input-mini {
+  background-color: #eee;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  color: #555;
+  display: block;
+  font-size: 11px;
+  height: 30px;
+  line-height: 30px;
+  vertical-align: middle;
+  margin: 0 0 10px 0;
+  padding: 0 6px;
+  width: 74px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.daterangepicker .ranges li {
+  font-size: 13px;
+  background: #f5f5f5;
+  border: 1px solid #f5f5f5;
+  color: #08c;
+  padding: 3px 12px;
+  margin-bottom: 8px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
+  background: #08c;
+  border: 1px solid #08c;
+  color: #fff;
+}
+
+.daterangepicker .calendar-date {
+  border: 1px solid #ddd;
+  padding: 4px;
+  border-radius: 4px;
+  background: #fff;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 8px auto 0 auto;
+  line-height: 30px;
+}
+
+.daterangepicker {
+  position: absolute;
+  background: #fff;
+  top: 100px;
+  left: 20px;
+  padding: 4px;
+  margin-top: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.daterangepicker.opensleft:before {
+  position: absolute;
+  top: -7px;
+  right: 9px;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker.opensleft:after {
+  position: absolute;
+  top: -6px;
+  right: 10px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+  content: '';
+}
+
+.daterangepicker.opensright:before {
+  position: absolute;
+  top: -7px;
+  left: 9px;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker.opensright:after {
+  position: absolute;
+  top: -6px;
+  left: 10px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+  content: '';
+}
+
+.daterangepicker table {
+  width: 100%;
+  margin: 0;
+}
+
+.daterangepicker td, .daterangepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.daterangepicker td.off {
+  color: #999;
+}
+
+.daterangepicker td.disabled {
+  color: #999;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background: #eee;
+}
+
+.daterangepicker td.in-range {
+  background: #ebf4f8;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: #3071a9;
+  color: #fff;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
+  width: 50px;
+  margin-bottom: 0;
+}

css/iCheck/all.css

@@ -0,0 +1,61 @@
+/* iCheck plugin skins
+----------------------------------- */
+@import url("minimal/_all.css");
+/*
+@import url("minimal/minimal.css");
+@import url("minimal/red.css");
+@import url("minimal/green.css");
+@import url("minimal/blue.css");
+@import url("minimal/aero.css");
+@import url("minimal/grey.css");
+@import url("minimal/orange.css");
+@import url("minimal/yellow.css");
+@import url("minimal/pink.css");
+@import url("minimal/purple.css");
+*/
+
+@import url("square/_all.css");
+/*
+@import url("square/square.css");
+@import url("square/red.css");
+@import url("square/green.css");
+@import url("square/blue.css");
+@import url("square/aero.css");
+@import url("square/grey.css");
+@import url("square/orange.css");
+@import url("square/yellow.css");
+@import url("square/pink.css");
+@import url("square/purple.css");
+*/
+
+@import url("flat/_all.css");
+/*
+@import url("flat/flat.css");
+@import url("flat/red.css");
+@import url("flat/green.css");
+@import url("flat/blue.css");
+@import url("flat/aero.css");
+@import url("flat/grey.css");
+@import url("flat/orange.css");
+@import url("flat/yellow.css");
+@import url("flat/pink.css");
+@import url("flat/purple.css");
+*/
+
+@import url("line/_all.css");
+/*
+@import url("line/line.css");
+@import url("line/red.css");
+@import url("line/green.css");
+@import url("line/blue.css");
+@import url("line/aero.css");
+@import url("line/grey.css");
+@import url("line/orange.css");
+@import url("line/yellow.css");
+@import url("line/pink.css");
+@import url("line/purple.css");
+*/
+
+@import url("polaris/polaris.css");
+
+@import url("futurico/futurico.css");

css/iCheck/flat/_all.css

@@ -0,0 +1,560 @@
+/* iCheck plugin Flat skin
+----------------------------------- */
+.icheckbox_flat,
+.iradio_flat {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(flat.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat {
+    background-position: 0 0;
+}
+    .icheckbox_flat.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat {
+    background-position: -88px 0;
+}
+    .iradio_flat.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat,
+    .iradio_flat {
+        background-image: url(flat@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}
+
+/* red */
+.icheckbox_flat-red,
+.iradio_flat-red {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(red.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-red {
+    background-position: 0 0;
+}
+    .icheckbox_flat-red.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-red.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-red.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-red {
+    background-position: -88px 0;
+}
+    .iradio_flat-red.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-red.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-red.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-red,
+    .iradio_flat-red {
+        background-image: url(red@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}
+
+/* green */
+.icheckbox_flat-green,
+.iradio_flat-green {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(green.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-green {
+    background-position: 0 0;
+}
+    .icheckbox_flat-green.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-green.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-green.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-green {
+    background-position: -88px 0;
+}
+    .iradio_flat-green.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-green.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-green.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-green,
+    .iradio_flat-green {
+        background-image: url(green@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}
+
+/* blue */
+.icheckbox_flat-blue,
+.iradio_flat-blue {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(blue.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-blue {
+    background-position: 0 0;
+}
+    .icheckbox_flat-blue.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-blue.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-blue.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-blue {
+    background-position: -88px 0;
+}
+    .iradio_flat-blue.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-blue.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-blue.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-blue,
+    .iradio_flat-blue {
+        background-image: url(blue@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}
+
+/* aero */
+.icheckbox_flat-aero,
+.iradio_flat-aero {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(aero.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-aero {
+    background-position: 0 0;
+}
+    .icheckbox_flat-aero.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-aero.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-aero.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-aero {
+    background-position: -88px 0;
+}
+    .iradio_flat-aero.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-aero.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-aero.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-aero,
+    .iradio_flat-aero {
+        background-image: url(aero@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}
+
+/* grey */
+.icheckbox_flat-grey,
+.iradio_flat-grey {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(grey.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-grey {
+    background-position: 0 0;
+}
+    .icheckbox_flat-grey.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-grey.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-grey.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-grey {
+    background-position: -88px 0;
+}
+    .iradio_flat-grey.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-grey.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-grey.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-grey,
+    .iradio_flat-grey {
+        background-image: url(grey@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}
+
+/* orange */
+.icheckbox_flat-orange,
+.iradio_flat-orange {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(orange.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-orange {
+    background-position: 0 0;
+}
+    .icheckbox_flat-orange.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-orange.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-orange.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-orange {
+    background-position: -88px 0;
+}
+    .iradio_flat-orange.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-orange.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-orange.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-orange,
+    .iradio_flat-orange {
+        background-image: url(orange@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}
+
+/* yellow */
+.icheckbox_flat-yellow,
+.iradio_flat-yellow {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(yellow.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-yellow {
+    background-position: 0 0;
+}
+    .icheckbox_flat-yellow.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-yellow.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-yellow.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-yellow {
+    background-position: -88px 0;
+}
+    .iradio_flat-yellow.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-yellow.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-yellow.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-yellow,
+    .iradio_flat-yellow {
+        background-image: url(yellow@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}
+
+/* pink */
+.icheckbox_flat-pink,
+.iradio_flat-pink {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(pink.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-pink {
+    background-position: 0 0;
+}
+    .icheckbox_flat-pink.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-pink.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-pink.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-pink {
+    background-position: -88px 0;
+}
+    .iradio_flat-pink.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-pink.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-pink.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-pink,
+    .iradio_flat-pink {
+        background-image: url(pink@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}
+
+/* purple */
+.icheckbox_flat-purple,
+.iradio_flat-purple {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(purple.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-purple {
+    background-position: 0 0;
+}
+    .icheckbox_flat-purple.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-purple.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-purple.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-purple {
+    background-position: -88px 0;
+}
+    .iradio_flat-purple.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-purple.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-purple.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-purple,
+    .iradio_flat-purple {
+        background-image: url(purple@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}

css/iCheck/flat/aero.css

@@ -0,0 +1,56 @@
+/* iCheck plugin Flat skin, aero
+----------------------------------- */
+.icheckbox_flat-aero,
+.iradio_flat-aero {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(aero.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-aero {
+    background-position: 0 0;
+}
+    .icheckbox_flat-aero.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-aero.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-aero.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-aero {
+    background-position: -88px 0;
+}
+    .iradio_flat-aero.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-aero.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-aero.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-aero,
+    .iradio_flat-aero {
+        background-image: url(aero@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}

css/iCheck/flat/blue.css

@@ -0,0 +1,56 @@
+/* iCheck plugin Flat skin, blue
+----------------------------------- */
+.icheckbox_flat-blue,
+.iradio_flat-blue {
+    display: inline-block;
+    *display: inline;
+    vertical-align: middle;
+    margin: 0;
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    background: url(blue.png) no-repeat;
+    border: none;
+    cursor: pointer;
+}
+
+.icheckbox_flat-blue {
+    background-position: 0 0;
+}
+    .icheckbox_flat-blue.checked {
+        background-position: -22px 0;
+    }
+    .icheckbox_flat-blue.disabled {
+        background-position: -44px 0;
+        cursor: default;
+    }
+    .icheckbox_flat-blue.checked.disabled {
+        background-position: -66px 0;
+    }
+
+.iradio_flat-blue {
+    background-position: -88px 0;
+}
+    .iradio_flat-blue.checked {
+        background-position: -110px 0;
+    }
+    .iradio_flat-blue.disabled {
+        background-position: -132px 0;
+        cursor: default;
+    }
+    .iradio_flat-blue.checked.disabled {
+        background-position: -154px 0;
+    }
+
+/* Retina support */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (-moz-min-device-pixel-ratio: 1.5),
+       only screen and (-o-min-device-pixel-ratio: 3/2),
+       only screen and (min-device-pixel-ratio: 1.5) {
+    .icheckbox_flat-blue,
+    .iradio_flat-blue {
+        background-image: url(blue@2x.png);
+        -webkit-background-size: 176px 22px;
+        background-size: 176px 22px;
+    }
+}